Html學習筆記3:文本元素的使用和超鏈接

一些文本標籤:

單標籤<br> 表示強制換行

單標籤<hr> 表示畫一個橫線

雙標籤<p></p> 段落標籤

雙標籤<center></center> 水平居中標籤

雙標籤<b></b> 給一段文本加粗,但不是特別強調重要性

雙標籤<strong></strong> 實際作用和標籤一樣,但是是語義上的表示強調

雙標籤<i></i> 給一段文本傾斜,常用來表示外文詞彙或者科學術語

雙標籤<em></em> 用來給一段文本傾斜,但語義上表示強調

雙標籤<s></s> 用來添加刪除線,語義上表示不準確的校正

雙標籤<del></del> 用來添加刪除線,語義上表示刪除文字

雙標籤<u></u> 用來添加下劃線,語義上並不表示強調

雙標籤<ins></ins> 用來添加下劃線,語義上表示強調添加了這段文本

雙標籤<small></small> 將原來默認的字號放小一號

雙標籤<sub></sub><sup></sup>分別表示數學上的上標和下標

雙標籤<ruby></ruby> 用來幫助讀者掌握表意語言文字的正確發音,他有兩個子雙標籤,<rp></rp>用來包括括號,<rt></rt>用來包含發音

雙標籤<mark></mark>突出顯示文本,黃色的背景黑色的字

雙標籤<span></span>表示一般性文本,沒有實際作用,常用來設置CSS等操作

雙標籤<a></a> 用於生成超鏈接

雙標籤<pre></pre> 將代碼原樣輸出,會解析其中的Html標籤

雙標籤<xmp></xmp> 將代碼格式原樣輸出,但是不會解析其中的html標籤

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>文本元素</title>
</head>
<body>
11111<br>
22222<hr>
<p>3333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333</p>
<center>居中</center>
<b>1加粗</b>
<strong>2加粗,強調</strong>
<i>3傾斜文本</i><hr>
<em>4傾斜,強調</em>
<s>5刪除線,表示不準確校正</s>
<del>6添加刪除線,表示是刪除文字</del>
<u>7添加下劃線</u>
<ins>8添加下劃線,強調這段文本</ins><br>
<small>9縮小一號字體</small>
888<sub>78</sub>999999<sup>98</sup><hr>
<ruby style="font-size: 100px;"><rp>(</rp><rt>tāo</rt><rp>)</rp><rp>(</rp><rt>tiè</rt><rp>)</rp>
</ruby><hr>
標準<mark>正態分佈</mark>從負無窮到正無窮的反常積分<br>  


<pre>
    江山<hr>代有
    才人出
</pre>
<xmp>
    江山<hr>代有
    才人出
</xmp>


</body>
</html>

這裏寫圖片描述

列表標籤:
無序列表:
1.外面是<ul></ul>
2.每一行<li></li> (注意:內容寫在li標籤裏)

<ul>
    <li>1</li>
    <li>2</li>
</ul>
  • 1
  • 2

有序列表:
1.外面是<ol></ol>
2.裏面是<li></li> (默認序列是從1開始的數字,start="" 後面就是序列開始的地方 type="" 可以是小寫字母,大寫字母也可以是羅馬數字)

<ol>
    <li>wwwww</li>
    <li>eeeee</li>
</ol>
  1. wwwww
  2. eeeee

超鏈接:
href=“” a標籤跳轉的鏈接地址
Title=”” 當鼠標放到超鏈接上面顯示的提示內容
Targe=”” 超鏈接打開窗口的方式

1._self 默認 當前窗口打開
2._blank 新窗口打開
3._top 頂級窗口打開
4._parent 父級窗口打開

擴展:

<a href="tel:13699264549">給管理員打電話</a>
<a href="mailto:郵箱地址">給誰發郵件</a>

給管理員打電話
給誰發郵件
注意: 如果只給a標籤不給 href屬性沒有效果

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章