HTML簡單例項
阿新 • • 發佈：2018-12-23
HTML基礎構成和HTML元素
什麼是HTML
HTML是用來描述網頁的一種超文字標記語言（Hyper Text Markup Language），標記語言是一套標記標籤，而HTML是使用這這種標記標籤來描述網頁。
簡單的HTML例項
<html>
<head>
<title>This is my first HTML!</title>
</heead>
<body>
<h1>This is heading!</h1>
<p 例項解釋
- HTML是以元素標籤構成的，且元素標籤是成對出現的如：
<p></p> <html>和</html>是用來描述整個網頁文字，整個網頁的內容都是在這兩個標籤之間來寫<head>和</head>是網頁頭資訊<body>和</body>這部分的內容是我們看的見的文字內容<h1></h1>和<p></p>是標題和段落標籤
元素
各個元素按功能分類
基礎元素
| 標籤 | 描述 |
|---|---|
<!DOCTYPE> |
定義文件型別。 |
<html> |
定義html文件。 |
<title> |
定義文件標題。 |
<body> |
定義文件主體。 |
<h1>to<h6> |
定義html標題。 |
<p> |
定義段落。 |
<br> |
定義簡單折行。 |
<hr> |
定義水平線。 |
格式元素
| 標籤 | 描述 |
|---|---|
<acronym> |
定義只取首字母的縮寫。 |
<abbr> |
定義縮寫。 |
<address> |
定義文件作者或擁有者的練習資訊。 |
<b> |
定義粗體文字。 |
<bdi> |
定義文字的文字方向，使其脫離周圍文字的方向設定。 |
<bdo> |
定義文字的方向。 |
<big> |
定義大號文字。 |
<blockquote> |
定義長的引用。 |
<center> |
不贊成使用。定義文字劇中。 |
<cite> |
定義引用（citation）。 |
<code> |
定義計算機程式碼文字。 |
<del> |
定義被刪除的文字。 |
<dfn> |
定義定義專案。 |
<em> |
定義強調文字。 |
<font> |
不贊成使用，定義文字字型尺寸和顏色。 |
<i> |
定義斜體文字。 |
<ins> |
定義被插入文字。 |
<kdb> |
定義鍵盤文字。 |
<mark> |
定義有記號的文字。 |
<meter> |
定義預定義範圍內的度量。 |
<pre> |
定義預格式文字。 |
<progress> |
定義任何型別的任務的進度。 |
<q> |
定義短短引用。 |
<rp> |
定義若瀏覽器不支援ruby元素顯示的內容。 |
<rt> |
定義ruby註釋的解釋。 |
<ruby> |
定義ruby註釋。 |
<s> |
定義加刪除線的文字。 |
<samp> |
定義計算機程式碼樣本。 |
<small> |
定義小號文字。 |
<strike> |
定義加刪除線的文字。 |
<strong> |
定義語氣更為強烈的強調文字。 |
<sup> |
定義上標文字。 |
<sub> |
定義下標文字。 |
<time> |
定義時間和日期。 |
<tt> |
定義印表機文字。 |
<u> |
定義下劃線文字。 |
<var> |
定義文字的變數部分。 |
<wbr> |
定義視訊。 |
表單
| 標籤 | 描述 |
|---|---|
<form> |
定義供使用者輸入的 HTML 表單。 |
<input> |
定義輸入控制元件。 |
<textarea> |
定義多行的文字輸入控制元件。 |
<button> |
定義按鈕。 |
<select> |
定義選擇列表（下拉列表）。 |
<optgroup> |
定義選擇列表中相關選項的組合。 |
<option> |
定義選擇列表中的選項。 |
<label> |
定義 input 元素的標註。 |
<fieldset> |
定義圍繞表單中元素的邊框。 |
<legend> |
定義 fieldset 元素的標題。 |
<isindex> |
不贊成使用。定義與文件相關的可搜尋索引。 |
<datalist> |
定義下拉列表。 |
<keygen> |
定義生成金鑰。 |
<output> |
定義輸出的一些型別。 |
框架
| 標籤 | 描述 |
|---|---|
<frame> |
定義框架集的視窗或框架。 |
<frameset> |
定義框架集。 |
<noframes> |
定義針對不支援框架的使用者的替代內容。 |
<iframe> |
定義內聯框架。 |
影象
| 標籤 | 描述 |
|---|---|
<img> |
定義影象。 |
<map> |
定義影象對映。 |
<area> |
定義影象地圖內部的區域。 |
<canvas> |
定義圖形。 |
<figcaption> |
定義 figure 元素的標題。 |
<figure> |
定義媒介內容的分組，以及它們的標題。 |
音訊/視訊
| 標籤 | 描述 |
|---|---|
<audio> |
定義聲音內容。 |
<source> |
定義媒介源。 |
<track> |
定義用在媒體播放器中的文字軌道。 |
<video> |
定義視訊。 |
連結
| 標籤 | 描述 |
|---|---|
<a> |
定義錨。 |
<link> |
定義文件與外部資源的關係。 |
<nav> |
定義導航連結。 |
列表
| 標籤 | 描述 |
|---|---|
<ul> |
定義無序列表。 |
<ol> |
定義有序列表。 |
<li> |
定義列表的專案。 |
<dir> |
不贊成使用。定義目錄列表。 |
<dl> |
定義定義列表。 |
<dt> |
定義定義列表中的專案。 |
<dd> |
定義定義列表中專案的描述。 |
<menu> |
定義命令的選單/列表。 |
<menuitem> |
定義使用者可以從彈出選單呼叫的命令/選單專案。 |
<command> |
定義命令按鈕。 |
表格
| 標籤 | 描述 |
|---|---|
<table> |
定義表格 |
<caption> |
定義表格標題。 |
<th> |
定義表格中的表頭單元格。 |
<tr> |
定義表格中的行。 |
<td> |
定義表格中的單元。 |
<thead> |
定義表格中的表頭內容。 |
<tbody> |
定義表格中的主體內容。 |
<tfoot> |
定義表格中的表注內容（腳註）。 |
<col> |
定義表格中一個或多個列的屬性值。 |
<colgroup> |
定義表格中供格式化的列組。 |
樣式/節
| 標籤 | 描述 |
|---|---|
<style> |
定義文件的樣式資訊。 |
<div> |
定義文件中的節。 |
<span> |
定義文件中的節。 |
<header> |
定義 section 或 page 的頁首。 |
<footer> |
定義 section 或 page 的頁尾。 |
<section> |
定義 section。 |
<article> |
定義文章。 |
<aside> |
定義頁面內容之外的內容。 |
<details> |
定義元素的細節。 |
<dialog> |
定義對話方塊或視窗。 |
<summary> |
為 元素定義可見的標題。 |
元資訊
| 標籤 | 描述 |
|---|---|
<head> |
定義關於文件的資訊。 |
<meta> |
定義關於 HTML 文件的元資訊。 |
<base> |
定義頁面中所有連結的預設地址或預設目標。 |
<basefont> |
不贊成使用。定義頁面中文字的預設字型、顏色或尺寸。 |
程式設計
| 標籤 | 描述 |
|---|---|
<script> |
定義客戶端指令碼。 |
<noscript> |
定義針對不支援客戶端指令碼的使用者的替代內容。 |
<applet> |
不贊成使用。定義嵌入的 applet。 |
<embed> |
為外部應用程式（非 HTML）定義容器。 |
<object> |
定義嵌入的物件。 |
<param> |
定義物件的引數。 |