建站
咨詢
售后
建站咨詢
新聞中心
1、首先我們先了解一下什么是前端，簡(jiǎn)單說(shuō)，就是我們平常所瀏覽的網(wǎng)頁(yè)啊，以及app首頁(yè)和小程序。
2、我們經(jīng)常訪問(wèn)瀏覽器的時(shí)候，經(jīng)常會(huì)輸入網(wǎng)址，又可稱為域名http://www...com.
有時(shí)候是http有時(shí)候又是https，二者的區(qū)別在于后者更加安全些，有秘鑰。www就是萬(wàn)維網(wǎng)，后綴com、org、edu、cn以及DNS稱為域名。
3、web開發(fā)設(shè)計(jì)的基礎(chǔ)之一是html。html基本框架有以下幾部分組成：
結(jié)構(gòu)
.//聲明網(wǎng)頁(yè)類型
lang="en" // 語(yǔ)言 en ch
//信息標(biāo)簽 charset="UTF-8" 網(wǎng)頁(yè)的編碼類型 utf-8
內(nèi)容
以上標(biāo)簽都是帶結(jié)尾的閉合，當(dāng)然也有自閉和。
3、了解過(guò)html的結(jié)構(gòu)，下面我們配置開發(fā)環(huán)境，我所用的軟件是JetBrains WebStorm10.這個(gè)軟件是要錢的，然后登錄后首先進(jìn)入File-setting-font-color 或者alt+ctrl+s設(shè)置字體大小和顏色。然后在file-new-dicrectory新建一個(gè)目錄，然后在這目錄下建html5文件 即file-new-html5 file.
4、創(chuàng)建完一個(gè)文件后，了解基本用法和相關(guān)標(biāo)簽
alt+F2 瀏覽或右上角也可快速瀏覽
按alt鍵+鼠標(biāo)單擊，可以在不同地方輸入相同文字
在每一行的末尾ctrl+D 進(jìn)行行復(fù)制
輸入lorem按tab鍵，可以添加測(cè)試文本
p*數(shù)字 按tab鍵，可以輸入多行標(biāo)簽P
5、建立一個(gè)網(wǎng)頁(yè)
在body下編輯內(nèi)容，設(shè)計(jì)網(wǎng)頁(yè)常用標(biāo)簽
a）超鏈接
target: _blank 在新窗口打開
_parent 在源窗口打開錨記：
1、跳轉(zhuǎn)到同一個(gè)頁(yè)面的不同位置
在跳轉(zhuǎn)位置處添加一個(gè)錨記，
創(chuàng)建鏈接 點(diǎn)擊內(nèi)容
2、跳轉(zhuǎn)到不同頁(yè)面的不同位置
在跳轉(zhuǎn)位置處添加一個(gè)錨記，
創(chuàng)建鏈接 點(diǎn)擊內(nèi)容
b）發(fā)送郵件：mailto:郵箱地址
c）路徑：
絕對(duì)路徑 ：從根目錄開始
相對(duì)路徑 ：從當(dāng)前目錄開始
d）常用標(biāo)簽
水平線
html注釋 ctrl+shift+/
換行
空格： 全角狀態(tài)下空格
標(biāo)題 h2~h7
預(yù)格式化
斜體
加粗
字體放大
下標(biāo)
上標(biāo)
單位： 像素( px) 百分比(%) em rem
圖片插入所用標(biāo)簽：
e）表格
| 標(biāo)題行 |
|---|
| 單元格 |
跨行跨列
rowspan colspan
f）列表
無(wú)序列表
type:disc(默認(rèn)實(shí)心圓) square 方塊 circle 空心圓
有序列表
type:1 a A i I start:起始位置
自定義列表
g）表單
文本框
密碼框
單選按鈕
復(fù)選框
文件域
按鈕 提交
重置
下拉列表
文本域
h）表單分組
label 標(biāo)簽
另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務(wù)器15元起步，三天無(wú)理由+7*72小時(shí)售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國(guó)服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡(jiǎn)單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢(shì)，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場(chǎng)景需求。
當(dāng)前名稱：web前端開發(fā)入門HTML5知識(shí)點(diǎn)-創(chuàng)新互聯(lián)
網(wǎng)站URL：http://www.ef60e0e.cn/article/cddedd.html
