以下是小編整理的部分html關鍵字，專門給有需要的朋友進行打字練慣用，通過打字練習的方式，既提高了打字速度，又可以熟悉html關鍵字~~~ www, url, http, W3C, html, htm, head, body, title, br, hr, font, font-style, fon ...
以下是小編整理的部分html關鍵字，專門給有需要的朋友進行打字練習用，通過打字練習的方式，既提高了打字速度，又可以熟悉html關鍵字~~~
www, url, http, W3C, html, htm, head, body, title, br, hr, font, font-style, font-size, font-family, font-weight, normal, italic, bold, h1, h6, align, line-height, left, right, center, block, quote, readonly, img.
width, heigh, tborder, hspace, vspace, alt, image, table, thead, tbody, tfoot, tr, td, cellspacing, cellpadding, border, color, bgcolor, background, Valign, colspan, row, span, th, caption, form, action, method, name, input, type, text, button, radio, reset, submit, checkbox, max, length, disabled, password, checked, select, checkbox, hidden, value, option, file, text, area, import.
href, target, _blank, link, a-hover, a:active, text-decoration, none, underline, overline, line-through, text-indent, border-left, border-right, border-top, border-bottom, border-color, solid, dashed, repeat, padding, margin,display, inline.
display:block, display:inline-block, floatclear:both, Overflow:hidden, visibility:hidden, outline, clearfix, contentposition:fixed,
position:absolute, Position:relative, cursor:pointer, list-style:none, text-align:center, text-align:left, text-align:right,
hide, show, fadeIn, fadeOut, fadeToggle, fadeTo, click, mouseover, mouseout, mousedown, event, focus, dblclick, slideDown, slideUp, slideToggle, em, strong, div, ul, ol, dl, dt, dd, li, address,
animation, opacity, z-index, background-color, background-image, background-position, background-repeat, repeat-x, repeat-y, javascript, document, write, script, clone, append, prepend, addClass, removeClass,
siblings, parent, closest, function, setInterval, clearInterval, current, find, onclick, onmouseover, onmousedown, onmouseout, scroll, scrollTop, true, false, alert, console
以上關鍵字可以直接去打字狗網站線上練習，傳送門>>>html關鍵字線上打字練習
下麵簡單列一些html關鍵字的說明和用法。
- HTML 標題（Heading）是通過<h1> - <h6> 標簽來定義的。
- HTML 水平線 <hr> 標簽。
- 註釋 <!--...--> 標簽
- 段落 <p>標簽
- <br> 標簽插入一個簡單的換行符。
-
塊級元素和行內元素
html塊級元素：
|
<h1>...</h1> 標題一級 |
<marquee>...</marquee> 滾動文本 |
|
<h2>...</h2> 標題二級 |
<ul>...</ul> 無序列表 |
|
<h3>...</h3> 標題三級 |
<ol>...</ol> 有序列表 |
|
<h4>...</h4> 標題四級 |
<dl>...</dl> 定義列表 |
|
<h5>...</h5> 標題五級 |
<table>...</table> 表格 |
|
<h6>...</h6> 標題六級 |
<form>...</form> 表單 |
|
<hr> 水平分割線 |
<address>...</adderss> |
|
<p>...</p> 段落 |
<center>...</center> 地址文字 |
|
<div>...</div> |
<blockquote>...</blockquote> |
|
<pre>...</pre> 預格式化 |
…… |
Html中行內元素：
|
a - 錨點或鏈接 |
abbr - 縮寫 |
|
acronym - 首字 |
b - 粗體(不推薦) |
|
bdo - bidi override |
big - 大字體 |
|
br - 換行 |
cite - 引用 |
|
code - 電腦代碼 |
dfn - 定義欄位 |
|
em - 強調 |
font - 字體設定(不推薦) |
|
i - 斜體 |
img - 圖片 |
|
input - 輸入框 |
kbd - 定義鍵盤文本 |
|
label - 表格標簽 |
q - 短引用 |
|
s - 中劃線(不推薦) |
samp - 定義範例電腦代碼 |
|
select - 項目選擇 |
small - 小字體文本 |
|
span - 常用內聯容器，定義文本內區塊 |
strike - 中劃線 |
|
strong - 粗體強調 |
sub - 下標 |
|
sup - 上標 |
textarea - 多行文本輸入框 |
|
tt - 電傳文本 |
u - 下劃線 |
|
var - 定義變數 |
…… |
- HTML 文本格式化標簽
標簽
描述
<b>
定義粗體文本
<em>
定義著重文字
<i>
定義斜體字
<small>
定義小號字
<strong>
定義加重語氣
<sub>
定義下標字
<sup>
定義上標字
<ins>
定義插入字
<del>
定義刪除字
- 鏈接<a>標簽
1>:<a href="https://www.taobao.com">訪問淘寶網站</a>
2>:CSS如何去除鏈接下劃線（<a href="0.html" style="text-decoration: none;">鏈接到本地文件</a><br><br>）
3>:圖片鏈接的使用<a href="tupian/cp01.jpg"><img src="tupian/cp01.jpg" width="50" /></a><br>
4>:跳轉到同一個頁面的不同位置
<H1><a href="#dibu">跳轉到底部</a></h1>
<a id="dibu" >底部</a>
3、圖像標簽
圖像標簽有如下幾個：
|
標簽 |
描述 |
|
<img> |
定義圖像 |
|
<map> |
定義圖像地圖 |
|
<area> |
定義圖像地圖中的可點擊區域 |
4、HTML <head> 元素
HTML中head中的元素主要有
|
標簽 |
描述 |
|
<head> |
定義了文檔的信息 |
|
<title> |
定義了文檔的標題 |
|
<base> |
定義了頁面鏈接標簽的預設鏈接地址 |
|
<link> |
定義了一個文檔和外部資源之間的關係 |
|
<meta> |
定義了HTML文檔中的元數據 |
|
<script> |
定義了客戶端的腳本文件 |
|
<style> |
定義了HTML文檔的樣式文件 |
5、表格 table標簽
HTML 表格實例
|
First Name |
Last Name |
Points |
|
Jill |
Smith |
50 |
|
Eve |
Jackson |
94 |
|
John |
Doe |
80 |
|
Adam |
Johnson |
67 |
HTML 表格標簽
|
標簽 |
描述 |
|
<table> |
定義表格 |
|
<th> |
定義表格的表頭 |
|
<tr> |
定義表格的行 |
|
<td> |
定義表格單元 |
|
<caption> |
定義表格標題 |
|
<colgroup> |
定義表格列的組 |
|
<col> |
定義用於表格列的屬性 |
|
<thead> |
定義表格的頁眉 |
|
<tbody> |
定義表格的主體 |
|
<tfoot> |
定義表格的頁腳 |
