首頁 > 開發者 > JavaScript

HTML基礎，html基礎知識

來源：互聯網
上載者：User
創建阿里雲帳戶，並獲得超過 40 款產品的免費試用版；而企業帳戶則可以享有總值 $1200 的免費試用版。立即註冊！

HTML基礎，html基礎知識

一、1、什麼是HTML： 超文字標記語言 (HTML)，是有標籤和內容（標籤和節點）構成的。　　

　　2、HTML5文檔的注釋： <!--注釋內容--> 　　

　　3、HTML標籤： 由“<”  “>” 括起來。

　　　　　　　　　雙標籤（成對）：<標籤名>······</標籤名>　

　　　　　　　　　單標籤（不成對）：<標籤名/>

　　　　　　推薦小寫

　　4、HTML標籤的組成部分： 屬性、實體

　　　　屬性是由屬性名稱和值同時出現： <標籤名  屬性名稱1=“值” 屬性名稱2=“值”··· 屬性名稱N=“值”>   </標籤名>

　　　　HTML實體  "<" : &lt

　　　　　　　　 　">" : &gt

 　　　　　　　　   "空格" : &nbsp;

　　　　　　　   　 "引號" : &quot

　　　　　　　　    "&" : &amp　　

　　5、HTML 檔案的主體結構

 1 　<!DOCTYPE html> <!--類型說明，DOCTYPE聲明必須放在每一個HTML文檔最頂部，在所有代碼和標識之上。--> 2 　　　<html> 3 　　　　　<head> <!--版面設定--> 4 　　　　　　　<meta content="text/html; charset=utf-8" /> <!--格式中也要選擇utf-8--> 5 　　　　　　　<title>標題<title/>  6 　　　　　　　<link type="text/css" rel=stylesheet href="**.css" /> <!--串連引入css檔案--> 　　　　 7 　　　　　　　<script type="text/javascript" src="**.js"></script > <!--串連引入js檔案-->　　　　　 8 　　　　　</head> 9 　　　　　<body></body>　<!--頁面主體，瀏覽器顯示-->　10 　　　</html>

　或者css樣式和js全部寫在頁面裡

 1   <!DOCTYPE html> 2   　　<html> 3   　　　　<head> 4   　　　　　　<meta content="text/html; charset=utf-8" />  5   　　　　　　<title>標題<title/>  6  　　　　　　 <style type="text/css">寫入本頁的css樣式</style>　　　 7   　　　　　　<script type="text/javascrpt">寫入本頁的js樣式,js檔案也可寫在body中</script>　　 8   　　　　</head> 9   　　　　<body></body>　10 　　</html>　　　

　6.HTML中的顏色：① 顏色單詞：如：red 、blue、black

　　　　　　　　　　  ②六位十六進位 #000000——#FFFFFF（畫圖中，可提取或者ColorSpy的螢幕取色工具） 前兩位是紅色 中間是綠色 後兩位是藍色  

　　　　　　　　　　　　　　　　 如：白色為#FFFFFF（可縮寫為#FFF）、紅色為#000

 

二、HTML中的文字標籤，格式化標籤

　　1、文字標籤

　　① <br/> 換行　　　　

　　② <p>···</p> 換段　　　　　　

　　③ <i>···</i> 斜體　　　　　　

　　④ <i>···</i> 強調斜體　　　　　　

　　⑤ <b>···</b> 加粗

　　⑥ <strong>···</strong> 強調加粗

　　⑦ <hn>···</hn> 其中n為1-6的值，標題標籤（加粗，獨立行）

　　⑧ <cite>···</cite> 引用

　　⑨ <sub>···</sub> 下標

　　⑩ <sup>···</sup> 上標

　　⑪ <del>···</del> 刪除線

　　⑫ <bdo>···</bdo> 文本方向 例：<bdo dir="rtl">···</bdo> 或者 <bdo dir="ltr">···</bdo>

　　⑬ <abbr>···</abbr> 縮寫 

　　  　⑭ <details>···</details> 元素細節 

         　⑮ <summqry>···</summqry> 包含details元素的標題  
1 　例：2     <details>3 　　    <summary>HTML 5</summary>4 　　　　This document teaches you everything you have to learn about HTML 5.5     </details>

　　<!-- 結果是：HTML 5 This document teaches you everything you have to learn about HTML 5.-->

　　⑯ <time>···</time> 時間

　　⑰ <dialog>···</dialog> 對話

　　　　⑱ <pre> 保留文字在原始碼中的格式　

 

　　2、格式化標籤

　　① <br/> 換行　　　　

　　② <p>···</p> 換段　

　　③ <hr/> 水平線

　　④ <font>···</font> 字型　

 例：<font size="5" face="arial" color="red">A paragraph.</font>　

　　

　　3、列表　　

　　　　① <ul> 無序列表  例：<ul type="square"> </ul>　type類型值：discsquare circle

　　　　② <ol> 有序列表  例：<ol type="I"> </ol>　type類型值：A a i I 1 

　　　　　　　　　　　　　　　<ol start="5"></ol>  起始值

　　　　③ <li> 清單項目

　　　　④ <dl> 自訂欄表

　　　　　　　　<dt>···</dt> 標題

　　　　　　　　<dd>···</dd> 內容

本文章原先以中文撰寫並發佈於 aliyun.com，亦設英文版本，僅作資訊用途。本網站不對文章的準確性，完整性或可靠性或其任何翻譯作出任何明示或暗示的陳述或保證。如對該文章有任何疑慮或投訴，請傳送電郵至 info-contact@alibabacloud.com 並提供相關疑慮或投訴的詳細說明。職員會於 5 個工作天內與您聯絡，一經驗證之後，即會刪除該侵權內容。

聯繫我們

該頁面正文內容均來源於網絡整理，並不代表阿里雲官方的觀點，該頁面所提到的產品和服務也與阿里云無關，如果該頁面內容對您造成了困擾，歡迎寫郵件給我們，收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容，歡迎發送郵件至： info-contact@alibabacloud.com 進行舉報並提供相關證據，工作人員會在 5 個工作天內聯絡您，一經查實，本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

Get Started for Free

  • Sales Support

    1 on 1 presale consultation

    Chat Contact Sales

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

    Open a Ticket

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.

    Learn More