從0開始學HTML（一）

時間  2019-11-08
標籤 開始 html 欄目 HTML 简体版
原文   原文鏈接

入門

  • <u></u> 下劃線
  • <i></i> 給某些文本數據設置斜體
  • <em></em> 使文本區別於其餘文本強調顯示,一般以斜體顯示
  • <b></b> 設置文本爲字體加粗 優化時，在舊站中使用
  • <strong></strong> 設置文本爲字體增強
  • <strike></strike> 設置文本爲刪除線
  • <small></small> 設置文本爲小字體
  • <big></big> 設置文本爲大字體
  • <sub></sub> 設置文本爲下標
  • <sup></sup> 設置文本爲上標
  • <span></span> 無樣式行標籤
  • <div></div> 無樣式塊標籤
  • <p></p> 段落標籤
  • <pre></pre> 所見便可得（原樣顯示）
  • <hx></hx> 標題標籤 x:1-6

標籤和屬性

  • <br/> 換行
  • <hr/> 水平線標籤
    color="顏色"
    width="寬度"
    size=""設置厚度(不是 height)
    align="" 水平位置 right右 left左 center居中

字體 <font> 標籤 - HTML5 不支持

  1. color
    • colorname規定顏色值爲顏色名稱的文本顏色（好比 "red"）
    • hexnumber 規定顏色值爲十六進制值的文本顏色（好比 "#ff0000"）
    • rgb_number 規定顏色值爲 rgb 代碼的文本顏色（好比 "rgb(255,0,0)"）
  2. face規定文本的字體。如需規定若干字體的優先表，請使用逗號分隔字體名稱（好比<font face="verdana,arial,sans-serif">）
  3. size 可能的值：從 1 到 7 的數字。瀏覽器默認值是3。

style屬性

格式html

<標籤 style="">
複製代碼

例如瀏覽器

<font style="color:red;font-size:12px;">內容部分</font>
複製代碼

HTML的基本結構（網頁結構）

ruby
<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="keywords" content="PHP培訓">
    <meta name="description" content="網站描述">
    <link rel="Shortcut Icon" type="image/x-icon" href="">
    <title>Document</title>
</head>
<body>
複製代碼</body> </html> 複製代碼

HTML標籤

  • <html></html> 表示整個文檔
  • <head></head> 文檔頭部
  • <body></body> 文檔內容
  • <title></title> 瀏覽器標題
  • <meta charset="UTF-8"> 編碼

常見的 DOCTYPE 聲明

  1. HTML5
    <!DOCTYPE html>框架

  2. HTML 4.01 Strict這個 DTD 包含全部 HTML 元素和屬性，但不包括表象或過期的元素（如 font ）。框架集是不容許的。
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">ide

  3. HTML 4.01 Transitional這個 DTD 包含全部 HTML 元素和屬性，包括表象或過期的元素（如 font ）。框架集是不容許的。
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">字體

  4. HTML 4.01 Frameset這個 DTD 與 HTML 4.01 Transitional 相同，可是容許使用框架集內容。
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">優化

  5. XHTML 1.0 Strict 這個 DTD 包含全部 HTML 元素和屬性，但不包括表象或過期的元素（如 font ）。框架集是不容許的。結構必須按標準格式的 XML 進行書寫。
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">網站

  6. XHTML 1.0 Transitional這個 DTD 包含全部 HTML 元素和屬性，包括表象或過期的元素（如 font ）。框架集是不容許的。結構必須按標準格式的 XML 進行書寫。
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">編碼

  7. XHTML 1.0 Frameset這個 DTD 與 XHTML 1.0 Transitional 相同，可是容許使用框架集內容。
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">spa

  8. XHTML 1.1這個 DTD 與 XHTML 1.0 Strict 相同，可是容許您添加模塊（例如爲東亞語言提供 ruby 支持）。
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

中文編碼

目前在大部分瀏覽器中，直接輸出中文會出現中文亂碼的狀況，這時候咱們就須要在頭部將字符聲明爲 UTF-8。

utf-8 國際通用性編碼 1個漢字或標點符號 =3個字節的
Gbk 中文編碼 1個漢字或標點符號 =2個字節的

容量單位單位換算

1GB 1024MB
1MB 1024KB
1KB 1024byte
1byte 8bit

HTML的實體字符

字符 描述 實體
space 空格 &nbsp;
< 小於號 &lt;
> 大於號 &gt;
& 和號 &amp;
" 引號 &quot;
￠ 分 &cent;
£ 鎊 &pound;
¥ 圓 &yen;
€ 歐元 &euro;
© 版權 &copy;
® 註冊商標 &reg;
™ 商標 &trade;
× 乘號 &times;
÷ 除號 &divide;

標籤的嵌套

  1. 行標籤嵌套行標籤
  2. 塊標籤嵌套行標籤
  3. 塊標籤嵌套塊標籤
    • 無樣式塊標籤嵌套樣式塊標籤
    • 無樣式塊標籤嵌套無樣式塊標籤
相關文章
相關標籤/搜索
每日一句
    每一个你不满意的现在，都有一个你没有努力的曾经。
本站公眾號
   歡迎關注本站公眾號,獲取更多信息
聯繫我們 最近搜索 最新文章 沪ICP备13005482号-10 MyBatis教程 SQL 教程 MySQL教程 Java 教程 Thymeleaf 教程 Hibernate教程 Spring教程 Redis教程