學習網站https://www.w3school.com.cn/h.asp
持續學習，持續更新

基礎

一.簡介

1.HTML是一種超文本標記語言，標記標簽來描述網頁，不是編程語音，
2.HTML標簽：尖括號關鍵詞，成對出現，分為開始標簽和結束標簽（開發標簽和閉合標簽），
3.HTML檔案=網頁： Web 瀏覽器的作用是讀取 HTML 檔案，并以網頁的形式顯示出它們，瀏覽器不會顯示 HTML 標簽，而是使用標簽來解釋頁面的內容，

二.編譯器

1.使用 Notepad 或 TextEdit 來撰寫 HTML，
2.記事本更改后綴txt->html，

三.組成

1.標題：<h1>+</h1>
2.段落：<p>+</p>
3.鏈接：<a>+</a>
4.影像：<img>
eg:

<html>
<body>
<h1>標題</h1>
<p>段落</p>
<img src="w3school.jpg" width="104" height="142" />
影像的名稱和尺寸是以屬性的形式提供的，
</body>
</heml>

四.元素

1.HTML 元素指的是從開始標簽（start tag）到結束標簽（end tag）的所有代碼，
2.大多數 HTML 元素可以嵌套（可以包含其他 HTML 元素），
3.<p> 元素定義了 HTML 檔案中的一個段落，
4.<body> 元素定義了 HTML 檔案的主體，
5.<html> 元素定義了整個 HTML 檔案，
6.在 XHTML、XML 以及未來版本的 HTML 中，所有元素都必須被關閉，
7.即使 <br> 在所有瀏覽器中都是有效的，但使用 <br /> 其實是更長遠的保障，

<html>
<body>
<p>This is my first paragraph.</p>
</body>
</html>

五.屬性

1.HTML 標簽可以擁有屬性，屬性提供了有關 HTML 元素的更多的資訊，
2.屬性總是以名稱/值對的形式出現，比如：name=“value”，
3.屬性總是在 HTML 元素的開始標簽中規定，
4. 屬性例子 1:
<h1> 定義標題的開始，
<h1 align=“center”> 擁有關于對齊方式的附加資訊，
5.屬性例子 2:
<body> 定義 HTML 檔案的主體，
<body bgcolor=“yellow”> 擁有關于背景顏色的附加資訊，
<table> 定義 HTML 表格，（您將在稍后的章節學習到更多有關 HTML 表格的內容）

擁有關于表格邊框的附加資訊，

屬性參考手冊

https://www.w3school.com.cn/tags/index.asp

六.標題

1.標題是網站的索引，h1–h6分別表示一級標題到六級標題
2.水平線<hr/>可以用于分割內容
3.注釋方式


七.段落

1.<p>是塊級元素，瀏覽器會自動在后面添加空行
2.不要使用 <p></p> 去插入一個空行，用<br/>代替
3.不要忘記結束標簽
4.未來的HTML版本中不允許使用時沒有結束標簽，<br/>比<br>更有保障
5.瀏覽器會移除源代碼中多余的空格和換行，連續的空格和換行只會視作一個空格

八.樣式

1.style 屬性用于改變 HTML 元素的樣式，
2.background-color 屬性為元素定義了背景顏色，

<body style="background-color:yellow">

3.font-family、color 以及 font-size 屬性分別定義元素中文本的字體系列、顏色和字體，

<h1 style="font-family:verdana">A heading</h1>
<p style="font-family:arial;color:red;font-size:20px;">A paragraph.</p>

4.text-align 屬性規定了元素中文本的水平對齊方式，

<h1 style="text-align:center">This is a heading</h1>

九.格式化

1.文本格式化標簽包括：

<b>This text is bold</b>
<br />
<strong>This text is strong</strong>
<br />
<big>This text is big</big>
<br />
<em>This text is emphasized</em>
<br />
<i>This text is italic</i>
<br />
<small>This text is small</small>
<br />
This text contains
<sub>subscript</sub>
<br />
This text contains
<sup>superscript</sup>

2.預格式文本，可以很好的保存空格和換行

<pre>+</pre>

3.計算機輸出標簽

<code>Computer code</code>
<br />
<kbd>Keyboard input</kbd>
<br />
<tt>Teletype text</tt>
<br />
<samp>Sample text</samp>
<br />
<var>Computer variable</var>
<br />

4.地址標簽：

<address>
Written by <a href="mailto:webmaster@example.com">Donald Duck</a>.<br> 
Visit us at:<br>
Example.com<br>
Box 564, Disneyland<br>
USA
</address>

5.縮進標簽：

<abbr title="etcetera">etc.</abbr>
<br />
<acronym title="World Wide Web">WWW</acronym>
<p>在某些瀏覽器中，當您把滑鼠移至縮略詞語上時，title 可用于展示表達的完整版本，</p>

6.文字方向：

<p>
如果您的瀏覽器支持 bi-directional override (bdo)，下一行會從右向左輸出 (rtl)；
</p>
<bdo dir="rtl">
Here is some Hebrew text
</bdo>

7.塊參考：

這是長的參考：
<blockquote>
這是長的參考，這是長的參考，這是長的參考，這是長的參考，這是長的參考，這是長的參考，這是長的參考，這是長的參考，這是長的參考，這是長的參考，這是長的參考，
</blockquote>
這是短的參考：
<q>
這是短的參考，
</q>

8.洗掉和下劃線

<p>一打有 <del>二十</del> <ins>十二</ins> 件，</p>
<!--del洗掉，ins下劃線-->

9.文本格式化標簽表

標簽	描述
<b>	定義粗體文本，
<big>	定義大號字，
<em>	定義著重文字，
<i>	定義斜體字，
<small>	定義小號字，
<strong>	定義加重語氣，
<sub>	定義下標字，
<sup>	定義上標字，
<ins>	定義插入字，
<del>	定義洗掉字，

10.“計算機輸出”標簽表

標簽	描述
<code>	定義計算機代碼，
<kbd>	定義鍵盤碼，
<samp>	定義計算機代碼樣本，
<tt>	定義打字機代碼，
<var>	定義變數，
<pre>	定義預格式文本，

11.參考、參考和術語定義表

標簽	描述
<abbr>	定義縮寫，
<acronym>	定義首字母縮寫，
<address>	定義地址，
<bdo>	定義文字方向，
<blockquote>	定義長的參考，
<q>	定義短的參考語，
<cite>	定義參考、引證，
<dfn>	定義一個定義專案，

轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/248610.html

標籤：其他

上一篇：自學前端，學多久可以入職前端工程師

下一篇：session存盤Users物件實作記住密碼

HTML學習筆記

基礎