|
前端由三部分組成： HTML（標(biāo)簽）——CSS（美化，修飾）——JS(執(zhí)行指令) HTML（超文本標(biāo)記語言,，Hypertext Markup Language）：是一種用于創(chuàng)建網(wǎng)頁的標(biāo)記語言,。 本質(zhì)上為根據(jù)瀏覽器可識別的規(guī)則，我們按照規(guī)則寫網(wǎng)頁,，瀏覽器按照規(guī)則渲染網(wǎng)頁,。 網(wǎng)頁擴(kuò)展名：.html或者.htm HTML文檔結(jié)構(gòu) ? <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title>css樣式優(yōu)先級</title> </head> <body> </body> </html> ? 1.<!DOCTYPE html>為HTML5文檔。 2.<html>,、</html>為文檔開始和結(jié)束標(biāo)記,，它們之間是文檔的頭部（head）和主體（body）。 3.<head>,、</head>定義html文檔開頭內(nèi)容,，他們之間的內(nèi)容不會在瀏覽器窗口顯示 4.<title>、</title>定義了網(wǎng)頁標(biāo)題,，在瀏覽器標(biāo)題欄顯示,。 5.<body>、</body>之間的文本為網(wǎng)頁可見內(nèi)容。 HTML標(biāo)簽格式
幾個很重要的屬性：
HTML常用標(biāo)簽:head內(nèi)常用標(biāo)簽head內(nèi)常用標(biāo)簽
? body內(nèi)常用標(biāo)簽基本標(biāo)簽（塊級標(biāo)簽和內(nèi)聯(lián)標(biāo)簽）<b>加粗</b> <i>斜體</i> <u>下劃線</u> <s>刪除</s> <p>段落標(biāo)簽</p> <h1>標(biāo)題1</h1> <h2>標(biāo)題2</h2> <h3>標(biāo)題3</h3> <h4>標(biāo)題4</h4> <h5>標(biāo)題5</h5> <h6>標(biāo)題6</h6> <!--換行--><br> <!--水平線--><hr> 特殊字符
? div標(biāo)簽和span標(biāo)簽div標(biāo)簽用來定義一個塊級元素，并無實(shí)際的意義,。 span標(biāo)簽用來定義內(nèi)聯(lián)(行內(nèi))元素，并無實(shí)際的意義,。 塊級元素與行內(nèi)元素的區(qū)別： img標(biāo)簽<img src="圖片的路徑" alt="圖片未加載成功時的提示" title="鼠標(biāo)懸浮時提示信息" width="寬" height="高(寬高兩個屬性只用一個會自動等比縮放)"> a標(biāo)簽（超鏈接標(biāo)簽）：實(shí)現(xiàn)跳轉(zhuǎn) ? ? ? ?所謂的超鏈接是指從一個網(wǎng)頁指向一個目標(biāo)的鏈接,這個目標(biāo)可以是1.另一個網(wǎng)頁 ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?2.同一網(wǎng)頁上不同位置,，這個位置可以是一個圖片,、郵箱地址等 URL定義
URL(統(tǒng)一資源定位器,Uniform resource locator)：又為網(wǎng)頁地址，是因特網(wǎng)上標(biāo)準(zhǔn)的資源地址
URL舉例（上下為同一個搜索結(jié)果）
http://www.sohu.com/stu/intro.html
http://222.172.123.33/stu/intro.html
URL由4部分組成
第一部分：http://,、ftp://等為協(xié)議
第2部分：www.sohu.com為域名
222.172.123.33為IP地址
第3部分：為頁面在站點(diǎn)中的目錄：stu
第4部分：為頁面名稱,，例如 index.html
各部分之間用“/”符號隔開。
<a target=" _blank">戳我</a> href屬性：指定目標(biāo)網(wǎng)頁地址,，有3種類型
target：
列表1.無序列表（unorder list） <ul type="disc"> <li>第一項(xiàng)</li> <li>第二項(xiàng)</li> </ul> type屬性：
2.有序列表(order list) <ol type="1"> <li>第一項(xiàng)</li> <li>第二項(xiàng)</li> </ol> type屬性：
3.標(biāo)題列表(definition list)(自定義列表) <dl> <dt>標(biāo)題1</dt> <dd>內(nèi)容1</dd> <dt>標(biāo)題2</dt> <dd>內(nèi)容1</dd> <dd>內(nèi)容2</dd> </dl> ? form（表單）標(biāo)簽<form action="">
<input type="text" name="name1">
<input type="password" name="pwd">
<button type="submit">提交</button>
</form>
包含三部分：
功能：
? 表單屬性
? 表單元素 基本概念： ?? 來源：https://www./content-4-706801.html |
|
|
