前言:HTML是用來描述網(wǎng)頁的一種語言 是一種超文本標(biāo)記語言?
1.行標(biāo)題
格式:<h1>行標(biāo)題</h1>
注:標(biāo)題(Heading)是通過<h1>到<h6>等標(biāo)簽進行定義
<h1>定義最大的標(biāo)題 以此類推 <h6>定義最小的標(biāo)題
2.段落標(biāo)簽
格式:<p>段落標(biāo)簽</p>
注:<p>是塊級元素 瀏覽器會自動地在段落的前后添加空行
3.HTML鏈接
格式:<a >百度</a>
4.HTML圖像
格式:<img src = "w3chool.jpg" width = "104" height = "300"/>
5.水平線
格式:<hr/>
6.html定義HTML文檔
格式:<html></html>
7.body定義文檔的主體
格式:<body></body>
8.定義注釋
格式:<!-- this is a comment -->
9.對齊及背景色屬性
對齊屬性
格式:<h1 align = "center">對齊屬性</h1>
背景色屬性
<body bgcolor="yellow"></body>
10.換行標(biāo)簽
格式:<br/>
注:我們無法確定 HTML 被顯示的確切效果。屏幕的大小,以及對窗口的調(diào)整都可能導(dǎo)致不同的結(jié)果。
對于 HTML,您無法通過在 HTML 代碼中添加額外的空格或換行來改變輸出的效果。當(dāng)顯示頁面時,瀏覽器會移除源代碼中多余的空格和空行。所有連續(xù)的空格或空行都會被算作一個空格。
需要注意的是,HTML 代碼中的所有連續(xù)的空行(換行)也被顯示為一個空格。
11.樣式屬性 style
實例:<p style = "font-size:20px">樣式style</p>
段落字體大小為20px
style 屬性淘汰了“舊的” bgcolor 屬性。
新的:<body style = "background-color:yellow"></body>
style 屬性淘汰了舊的<font>標(biāo)簽。
新的:<p style = "font-family:arial;color:red;font-size:20px;">font-family、color 以及 font-size 屬性分別定義元素中文本的字體系列、顏色和字體尺寸</p>
style 屬性淘汰了舊的 "align" 屬性。
新的:<h1 style = "text-align:center">新的文本對齊方式</h1>
12.HTML文本格式化
格式:
<b>這是粗體</b>
<strong></strong>
<big>定義大號字</big>
<em>定義著重文字</em>
<i>定義斜體字</i>
<small>定義小號字</small>
<sub>定義下標(biāo)字</sub>
<sup>定義上標(biāo)字</sup>
<pre>這是預(yù)格式文件 即使用這個標(biāo)簽可以把文本可以按照你現(xiàn)在寫的樣子保存下來</pre>
13.“計算機輸出” 標(biāo)簽:
<code>定義計算機代碼</code>
<kbd>定義鍵盤碼</kbd>
<tt>定義打字機代碼</tt>
<samp>定義打字機代碼樣本</samp>
<var>定義變量</var>
<address>地址</address>
14.塊引用:
<blockquote>長引用</blockquote>
<q>短的引用</q>
15.刪除文字
<del>刪除刪除的字</del>
<ins>下劃線文字</ins>
16.縮略詞
<abbr>元素定義縮寫或首字母縮略語。</abbr>
<cite>定義著作的標(biāo)題。瀏覽器通常會以斜體顯示元素。</cite>
<bdo ?dir = "rtl">定義文本書寫方向 從右往左(rtl) ?</bdo>
17.HTML鏈接 - target屬性
使用 Target 屬性,你可以定義被鏈接的文檔在何處顯示。
如果把鏈接的 target 屬性設(shè)置為 "_blank",該鏈接會在新窗口中打開
<a target="_blank">Visit W3School!</a>
18.表格
表格由<table> ?標(biāo)簽來定義。每個表格均有若干行(由 <tr> 標(biāo)簽定義),每行被分割為若干單元格(由<td>
標(biāo)簽定義)。字母 td 指表格數(shù)據(jù)(table data),即數(shù)據(jù)單元格的內(nèi)容。數(shù)據(jù)單元格可以包含文本、圖片、列表、段落、表單、水平線、表格等等。
<table>表格</table>
<tr>行</tr>、
<td>單元格</td>
19.列表
無序列表 以粗體圓點 典型的小黑圓圈 進行標(biāo)記
<ul>
? ? ?<li>咖啡</li>?
? ? <li>茶</li>
? ? <li>牛奶</li>
</ul>
有序列表 默認從1開始 ?若設(shè)置了start 則從start開始?
<ol start="50">
<li>咖啡</li>
<li>牛奶</li>
</ol>
20.塊
大多數(shù) HTML 元素被定義為塊級元素或內(nèi)聯(lián)元素。
<div>元素是塊級元素,它是可用于組合其他 HTML 元素的容器。
<span>元素是行內(nèi)聯(lián)元素,可用作文本的容器