【自學(xué)】前端筆記-1

<!DOCTYPE html> <!--聲明文件類型為 html-->

<html>

<head>

? <title>網(wǎng)頁標(biāo)題</title>

? <meta http-equiv="Content-type" content="text/html;charset=utf-8"><!--聲明類型;字符編

碼-->

</head><!--網(wǎng)頁頭部-->

<body>

? ? <p>段落標(biāo)簽</p><!--段落標(biāo)簽,屬性align,left左對齊;center居中對齊;right右對齊;

justify伸展對齊-->

? ? <p>一段文字<br/></p><!--<br/>標(biāo)簽強制換行,書寫規(guī)范后面加斜杠-->

? ? <hr/>

? ? <h1>標(biāo)題標(biāo)簽</h1> <!--h1-h6,從大到小,六級標(biāo)題-->

? ? <h2>特殊符號</h2>

? ? ? <h3>斜體</h3>

? ? ? ? ? <i>斜體</i>

? ? ? ? ? <em>斜體</em>

? ? ? <h3>加粗</h3>

? ? ? ? ? <b>加粗</b>

? ? ? ? ? <strong>加粗</strong>

? ? ? <h3>上標(biāo)</h3>

? ? ? ? ? <p>文字<sup>上標(biāo)</sup></p>

? ? ? <h3>下標(biāo)</h3>

? ? ? ? ? <p>文字<sub>上標(biāo)</sub></p>

? ? ? <h3>符號</h3>

? ? ? ? ? &lt;<

? ? ? ? ? &gt;>

? ? ? ? ? &trade;TM

? ? ? ? ? &reg;

? ? ? ? ? &copy;

? ? ? ? ? &nbsp;space

? ? <hr/>

? ? <h2>列表</h2>

? ? ? <h2>無序列表</h2>

? ? ? ? ? <ul><!--屬性type="";disc實心圓;square正方形;circle空心圓;-->

? ? ? ? ? ? <li></li>

? ? ? ? ? ? </ul>

? ? ? <h2>有序列表</h2>

? ? ? ? ? <ol><!--屬性type="";1數(shù)字;a小寫字母;A大寫字母;i羅馬數(shù)字;I大寫羅馬數(shù)字-->

? ? ? ? ? ? <li></li>

? ? ? ? ? ? </ol>

? ? ? <h2>定義列表</h2>

? ? ? ? ? <dl>

? ? ? ? ? ? <dt>列表文字</dt>

? ? ? ? ? ? ? <dd>描述列表文字</dd>

? ? ? ? ? ? </dl>

? ? <hr/>

? ? <h2>圖片標(biāo)簽</h2>

? ? <img src="" alt="圖片代替文本" /><!--img為單標(biāo)簽,末端用斜杠閉合,src為圖片url,alt為圖

片不顯示時的代替文本,width=""表示圖片的寬;height表示圖片的高-->

? ? <h2>路徑</h2>

? ? ? ? <h3>絕對路徑與相對路徑</h3>

? ? ? <p>絕對路徑是指從盤符開始寫起的路徑</p>

? ? ? <p>相對路徑是指相對于html文件位置的路徑</p>

? ? ? <hr />

? ? <h2>超鏈接</h2>

? ? ? <a href="" target="" title="" name="">文字或圖片</a> <!--a標(biāo)簽覆蓋的范圍為超鏈接的范

圍,href屬性作用為指向目標(biāo)url,title鼠標(biāo)指向超鏈接的提示性文字,name的作用是錨鏈接標(biāo)記-->

? ? ? <h3>錨鏈接</h3>

? ? ? <p>在網(wǎng)頁內(nèi)添加錨點使網(wǎng)頁鏈接指向錨點進行目標(biāo)跳轉(zhuǎn)</p>

? ? ? <p>name屬性定位錨點,href="#name"實現(xiàn)同頁面錨點跳轉(zhuǎn),href=".html#name"實現(xiàn)錨點跨頁面

跳轉(zhuǎn)</p>

? ? ? <h3>超鏈接的其它作用</h3>

? ? ? <a href="mailto:郵箱地址">發(fā)送郵件</a><!--可以直接點擊發(fā)送郵件--><br />

? ? ? 下載:在href屬性里直接輸入壓縮文件路徑可實現(xiàn)點擊下載

</body>

</html>

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 瀏覽器與服務(wù)器的基本概念 瀏覽器(安裝在電腦里面的一個軟件) 作用: ①將網(wǎng)頁內(nèi)容渲染呈現(xiàn)給用戶查看。 ②讓用戶通...
    云還灬閱讀 1,285評論 0 0
  • --- 學(xué)習(xí)目標(biāo): - 了解常用瀏覽器 - 掌握WEB標(biāo)準(zhǔn) - 理解標(biāo)簽語義化 - 掌握常用的排版標(biāo)簽 ...
    紅豆丁244閱讀 1,435評論 0 2
  • 本文將會介紹HTML中的一些常用標(biāo)簽,后面還會陸續(xù)整理 1:什么是HTML HTML (Hypertext Mar...
    憨憨二師兄閱讀 1,082評論 0 0
  • 學(xué)習(xí)目標(biāo): 了解常用瀏覽器 掌握WEB標(biāo)準(zhǔn) 理解標(biāo)簽語義化 掌握常用的排版標(biāo)簽 掌握常用的文本格式化圖像鏈接等標(biāo)簽...
    淡淡瘋閱讀 1,341評論 0 3
  • HMTL初識 HTML(英文Hyper Text Markup Language的縮寫)中文譯為“超文本標(biāo)簽語言”...
    小青年coder閱讀 2,449評論 0 1

友情鏈接更多精彩內(nèi)容