例
一個簡單的 HTML 文檔,包含盡可能少的必需的標簽:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>文檔標題</title>
</head>
<body>
文檔內容......
</body>
</html>
瀏覽器支持
所有主流瀏覽器都支持 <body> 標簽。
標簽定義及使用說明
<body> 標簽定義文檔的主體。
<body> 元素包含文檔的所有內容(比如文本、超鏈接、圖像、表格和列表等等)。
HTML 4.01 與 HTML5之間的差異
在 HTML 5 中,刪除了所有 body 元素的"呈現屬性"。
在 HTML 4.01 中,所有 body 元素的"呈現屬性" 已廢棄。
屬性
屬性 | 值 | 描述 |
---|---|---|
alink | color | HTML5 不支持。 HTML 4.01 已廢棄。 規定文檔中活動鏈接的顏色。 |
background | URL | HTML5 不支持。 HTML 4.01 已廢棄。 規定文檔的背景圖像。 |
bgcolor | color | HTML5 不支持。 HTML 4.01 已廢棄。規定文檔的背景顏色。 |
link | color | HTML5 不支持。 HTML 4.01 已廢棄。規定文檔中未訪問鏈接的顏色。 |
text | color | HTML5 不支持。 HTML 4.01 已廢棄。規定文檔中所有文本的顏色。 |
vlink | color | HTML5 不支持。 HTML 4.01 已廢棄。規定文檔中已被訪問鏈接的顏色。 |
全局屬性
<body> 標簽支持 HTML 的全局屬性。
事件屬性
<body> 標簽支持 HTML 的事件屬性。
如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039,我們一起飛!
文本標記語言(外國語簡稱:HTML)標記標簽通常被稱為HTML標簽,HTML標簽是HTML語言中最基本的單位,HTML標簽是HTML(標準通用標記語言下的一個應用)最重要的組成部分
HTML標簽的大小寫無關的,例如"主體"<body>跟<BODY>表示的意思是一樣的,不過還是推薦大家使用小寫。
下面是我給大家整理的六種HTML常用標簽,希望可以對大家有用。
一、頁面標簽
<!DOCTYPE> 定義文檔類型
<html></html> 定義html文檔
<script></script>定義腳本
<head></head>定義關于文檔的信息
<meta >定義元信息
<title></title>定義文檔標題
<link>定義資源引用
<style></style>定義文檔樣式信息
<body></body>定義文檔內容
二、格式標簽
<h1></h1>~<h6></h6>標題
<p></p> 段落
<strong></strong>語氣更為強烈的強調文本/粗體
<em></em>強調文本
<i></i>斜體文本
<big></big>大號字體
<small></small>小號字體
<sup></sup>上標文本
<sub></sub>下標文本
<ins></ins>被插入文本
<time></time>定義日期/時間
<br>換行
<hr>水平線
三、表格標簽
<table></table> 定義表格
<caption></caption> 定義標題
<thead></thead> 定義表頭部(眉)
<tbody></tbody> 定義主體
<tfoot></tfoot> 定義表尾部(腳)
<tr></tr>定義行
<td></td>定義單元格(列)
<th><th>定義表標題行
四、列表標簽
<ul></ul>定義無序列表
<ol></ol>定義有序列表
<li></li>定義無序列表/有序列表的列表項
<dl></dl>定義自定義列表
<dt></dt>定義自定義列表項
<dd></dd>定義自定義的描述
五、布局&語義化標簽
<div></div>塊級元素
<span></span>行元素
<header></header>頁眉
<footer></footer>頁腳
<section></section>文檔中的區塊
<article></article>文章
<nav></nav>導航
<aside></aside>內容之外的內容
六、表單標簽
<form>表單
<input>輸入域
<textarea>文本域
<label>標簽
<fieldset>域
<legend>域的標題
<select>選擇列表
<optgroup>選擇組
<option>下拉列表選項
<button>按鈕
<fieldset>圍繞表單中元素的邊框
<legend> fieldset 元素的標題
七、其它
<img>圖像
<a>超鏈接
<figure> 媒介內容的分組
<figcaption> <figure> 元素的標題
<audio>聲音
<video>視頻
<source>媒介源
<iframe>內聯框架
<canvas>圖形容器
<embed>嵌入的內容,比如插件
<object>添加一個對象
<svg>添加svg
如果對前端web感興趣,想了解更多的前端入門知識,加微信(858568103),更多更全的資料讓你的IT之路暢通無阻!
TML 表格
表格由 <table> 標簽來定義。每個表格均有若干行(由 <tr> 標簽定義),每行被分割為若干單元格(由 <td> 標簽定義)。
表格的HTML結構
border="1"是定義的邊框屬性,如果不加的話,表格不顯示邊框。
在瀏覽器中顯示:
表格
我們為了讓表格更清晰,更完善,可以使用thead和tbody,看以下例子:
加入表格標題,頁面和頁腳
瀏覽器中顯示:
當然還有好多表格標簽,小編給大家總結一下常用的標簽,如下:
<table> 定義表格
<caption> 定義表格標題
<th> 定義表格的表頭
<tr> 定義表格的行
<td> 定義表格單元
<thead> 定義表格的頁眉
<tbody> 定義表格的主體
<tfoot> 定義表格的頁腳
HTML 列表
列表是一個項目的列表,列表的內部可以使用段落、換行符、圖片、鏈接以及其他列表等。
1.無序列表
無序列表使用<ul>定義,每條列表用<li>定義。列表的每個項目用粗體圓點進行標記。
無序列表
在瀏覽器中顯示:
無序列表的每個項目使用粗體圓點(典型的小黑圓圈)進行標記
2.有序列表
有序列表使用<ol>定義,每條列表用<li>定義。列表的每個項目用數字進行標記。
有序列表
在瀏覽器中顯示:
列表每項用數字標記
3.定義列表
自定義列表不僅僅是一列項目,而是項目及其注釋的組合。
自定義列表用<dl>定義,每個自定義列表項以用<dt>定義,每個自定義列表項的定義用 <dd>定義。
自定義列表
在瀏覽器中顯示:
以上就是今天的內容了,學習最好的方法就是一邊看一邊做,快打開你的編輯器把今天的內容都敲一遍吧!
你必須非常努力,才能看起來毫不費力!
記得關注小白前端哦~
*請認真填寫需求信息,我們會在24小時內與您取得聯系。