HTML再接觸
前言
之前學習C#視訊的時候接觸過HTML，現在經過牛腩的學習，再次專項學習HTML，還是有很多收穫的，最主要的還是複習之前的HTML內容了，不過知識就是在重複中印象才越來越深刻的。
收穫
1.開始標籤 內容 結束標籤 屬性值對
<body><font color="red">這是HTML的學習現場</body>
這裡的<body>是開始標籤，</body>是結束標籤，color是屬性，red是屬性值，這是HTML的學習現場是內容。
2.HTML的4種形式
<br> //空元素 <hr color="blue"> //帶有屬性的空元素 <title>這是HTML的學習現場</title> //帶有內容的元素 <font color="red">這是HTML的學習現場</font> //帶有屬性和內容的元素
3.HTML的基本格式
<html> //開始HTML文件 <head> //開始文件頭部 <title> //開始文件標題 這裡是HTML的學習現場 </title> //結束文件標題 </head> //結束文件頭部 <body> //開始文件體 我是主持人Helen！ </body> //結束文件體 </html> //結束HTML文件
4.與段落相關的標籤
<p align="#">建立一個段。屬性align表示段的對齊方式，#可以是left、center、right、justify(兩端對齊)
<br>換行
<hr color="clr">插入一條水平線。color指定線的顏色，例如：red、blue、green、black等
5.與文字顯示相關的標籤
<center>...</center>使文字居中顯示
<hn align="#">...</hn>指出文件的標題。n是1到6的整數，1是最大標題，6是最小標題。屬性align用於設定標題對齊的方式，#可以是left、center、right
<font size=n color="clr">...</font>設定字型。size是大小，color是顏色
<b>...</b>粗體
<i>...</i>斜體
6.註釋 <!-- -->
7.列表
使用<ol>和<li>標籤建立帶有專案編號的列表。
<ol>
<li>123
<li>456
<li>789
</ol> //預設編號從1到3
<ol start="10">
<li>123
<li value="20">456
<li>789
</ol> //編號是10 20 21
在上述標籤中，可以使用type屬性指定編號系統的型別。
<ol type="A"></ol>A、B、C
<ol type="a"></ol>a、b、c
<ol type="I"></ol>I、II、III
<ol type="i"></ol>i、ii、iii
使用<ul>和<li>標籤建立帶有專案符號的列表。
<ul type="disc"></ul>顯示為實心的圓圈
<ul type="square"></ul>顯示為實心的方塊
<ul type="circle"></ul>顯示為空心的圓圈
使用<dl>和<dt>標籤建立無符號的列表。
使用<dl>和<dd>標籤建立縮排的列表。
同時使用<dt>和<dd>標籤，建立術語列表。術語由<dt>標籤指定，說明由<dd>標籤指定。
8.表格
<table border=n align="alignment" bgcolor="clr">...</table> //border是定義表格邊框的寬度；align設定表格的對齊方式，bgcolor指定表格的背景色
<caption>...</caption> //定義表格的標題
<tr align="alignment" valign="alignment">...</tr> //align指水平對齊方式，有left，center，right；valign是垂直對齊方式，有top，middle，bottom
<th>...</th> //定義表頭
<td>...</td> //定義單元格
9.表單
使用<form>建立作為HTML文件一部分的表單。
<form method="get or post" action="URL"></form> //get：提交的資料被附加到URL的末端，作為URL的一部分發送到伺服器端
//post：將表單中的資訊作為一個數據塊傳送到伺服器端
//action：對錶單進行處理的指令碼的地址
使用<input>接收使用者輸入的資訊。
<input type="type" name="name" size="size" value="value"> //type 控制元件的型別
//name 控制元件名稱 在表單中不顯示
//size 控制元件的初識寬度
//value 控制元件的初識值
type="text" //單行文字輸入控制元件
type="submit" //提交按鈕
type="reset" //重置按鈕
type="password" //口令輸入控制元件
type="radio" //單選按鈕 checked表示被選中
type="checkbox" //複選框
type="hidden" //隱藏控制元件
列表框
<form method="get" action="">
使用者名稱：<input type="text" name="user">
<select size="1" name="education">
<option value="" selected>...</option>
<option value="高中">高中</option>
<option value="碩士">碩士</option>
<option value="博士">博士</option>
</select>
</form>
多行文字輸入控制元件
個人簡介：<textarea name="personal" rows="5" cols="30">個人簡介</textarea>
10.超連結URL
<a href=""></a> //""裡可以是主機上檔案的絕對路徑，也可以是網址
11.嵌入影象
<img src="URL" width=n height=n> //src指位置，width是寬度，height是高度
總結
HTML作為一種超文字標記語言，裡面還有很多的功能值得我們去探索。