Java Web-HTML淺析
阿新 • • 發佈：2017-11-24
aos twrp 及其 soc pmd for emc vbv mha
<head> <title> 這是一個測試網頁</title> </head>
<body> <!-- 一級標題 --> <h1><fontcolor="red">這裏顯示網頁的內容。</font> </h1>
<!-- 鏈接 --> <ahref="http://www.baidu.com">這是一個超鏈接。</a>
<!-- 表格外層使用table標簽，內部使用tr表示table row，也就是行 --> <tablealign="center"border="1"width="80%"> <tr> <!-- 使用td表示列的信息，如果使用的是th的話，那麽表示該列中的信息是加粗和居中的。 --> <th>aaa</th> <td>bbb</td> <td>ccc</td> </tr> <tr> <!-- 當然也可以自定義格式，這裏指定了居中和加粗，和th的功效是一樣的 --> <tdalign="center"><b>aaa</b></td> <td>bbb</td> <td>ccc</td> </tr> </table>
<form> username:<inputtype="text"><br> password:<inputtype="password"><br> 興趣：學習<inputtype="checkbox"><br> 聽歌<inputtype="checkbox"><br> 旅遊<inputtype="checkbox"><br> 性別：<br> 男<inputtype="radio"name="gender"><br> 女<inputtype="radio"name="gender"><br> 學歷： <select> <option>小學</option> <option>初中</option> <option>高中</option> </select> <br /><br /> 評論：<textarea></textarea> 文件提交：<inputtype="file" /> <inputtype="submit" /> </form>
</body>
2017-11-13 07:39:29
HTML 指的是超文本標記語言 (Hyper Text Markup Language)。
- HTML 不是一種編程語言，而是一種標記語言 (markup language)
- 標記語言是一套標記標簽 (markup tag)
- HTML 使用標記標簽來描述網頁
HTML 標記標簽通常被稱為 HTML 標簽 (HTML tag)。
- HTML 標簽是由尖括號包圍的關鍵詞，比如 <html>
- HTML 標簽通常是成對出現的，比如 <b> 和 </b>
- 標簽對中的第一個標簽是開始標簽，第二個標簽是結束標簽
- 開始和結束標簽也被稱為開放標簽和閉合標簽
HTML 文檔 = 網頁
- HTML 文檔描述網頁
- HTML 文檔包含 HTML 標簽和純文本
- HTML 文檔也被稱為網頁
Web 瀏覽器的作用是讀取 HTML 文檔，並以網頁的形式顯示出它們。瀏覽器不會顯示 HTML 標簽，而是使用標簽來解釋頁面的內容：
<html> <body> <h1>我的第一個標題</h1> <p>我的第一個段落。</p> </body> </html>
例子解釋
- <html> 與 </html> 之間的文本描述網頁
- <body> 與 </body> 之間的文本是可見的頁面內容
- <h1> 與 </h1> 之間的文本被顯示為標題
- <p> 與 </p> 之間的文本被顯示為段落
另一個例子:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>你好</title> </head> <body> <p>你好，HTML！</p> </body> </html>
標記語言（Markup Language）用一套“標記”來“註釋”（annotate）普通文本。對HTML來說，這套標記就是各種標簽（tag），如 <html></html> 、 <meta> 、 <p></p> 等等。瀏覽器理解這套標簽的含義，並據此解讀HTML文檔。
- <!DOCTYPE html>
叫做文檔類型聲明（Document Type Declaration）。它聲明了此文檔的類型是HTML5。HTML有多個版本，不同版本支持的標簽及其屬性的集合不一樣，語法也有細微別，HTML5是目前廣泛使用的版本。另外，如果一個HTML文本沒有文檔類型聲明，瀏覽器會啟用quirk模式來解讀文檔 。這種模式主要是為了兼容那些老舊的、不遵循標準的HTML文檔。你應該總是給新編寫的HTML文檔加上一個文檔類型聲明。
- <html> </html>
html文本的開頭和結尾標簽，html文本總是以這兩個標簽開頭和結束。
- <head> </head>和<body> </body>
html文本的頭和體。
- HTML 標題（Heading）是通過 <h1> - <h6> 等標簽進行定義的。
- HTML 段落是通過 <p> 標簽進行定義的。
- HTML 鏈接是通過 <a> 標簽進行定義的。
- HTML 圖像是通過 <img> 標簽進行定義的。
- HTML 元素指的是從開始標簽（start tag）到結束標簽（end tag）的所有代碼。
- 大多數 HTML 元素可擁有屬性
下面介紹一些常用的標簽：Text；Textarea；Radio；Checkbox；Select；File；Hidden；Submit；Reset；Button
<html>
<head>
<title> 這是一個測試網頁</title>
</head>
<body>
<!-- 一級標題 -->
<h1><font color="red">這裏顯示網頁的內容。</font>
</h1>
<!-- 鏈接 -->
<a href="http://www.baidu.com">這是一個超鏈接。</a>
<!-- 表格外層使用table標簽，內部使用tr表示table row，也就是行 -->
<table align="center" border="1" width="80%">
<tr>
<!-- 使用td表示列的信息，如果使用的是th的話，那麽表示該列中的信息是加粗和居中的。 -->
<th>aaa</th>
<td>bbb</td>
<td>ccc</td>
</tr>
<tr>
<!-- 當然也可以自定義格式，這裏指定了居中和加粗，和th的功效是一樣的 -->
<td align="center"><b>aaa</b></td>
<td>bbb</td>
<td>ccc</td>
</tr>
</table>
<form>
username:<input type="text"><br>
password:<input type="password"><br>
興趣：學習<input type="checkbox"><br>
聽歌<input type="checkbox"><br>
旅遊<input type="checkbox"><br>
性別：<br>
男<input type="radio" name="gender"><br>
女<input type="radio" name="gender"><br>
學歷：
<select>
<option>小學</option>
<option>初中</option>
<option>高中</option>
</select>
<br /><br />
評論：<textarea></textarea>
文件提交：<input type="file" />
<input type="submit" />
</form>
</body>
<html>
<head> <title> 這是一個測試網頁</title> </head>
<body> <!-- 一級標題 --> <h1><fontcolor="red">這裏顯示網頁的內容。</font> </h1>
<!-- 鏈接 --> <ahref="http://www.baidu.com">這是一個超鏈接。</a>
<!-- 表格外層使用table標簽，內部使用tr表示table row，也就是行 --> <tablealign="center"border="1"width="80%"> <tr> <!-- 使用td表示列的信息，如果使用的是th的話，那麽表示該列中的信息是加粗和居中的。 --> <th>aaa</th> <td>bbb</td> <td>ccc</td> </tr> <tr> <!-- 當然也可以自定義格式，這裏指定了居中和加粗，和th的功效是一樣的 --> <tdalign="center"><b>aaa</b></td> <td>bbb</td> <td>ccc</td> </tr> </table>
<form> username:<inputtype="text"><br> password:<inputtype="password"><br> 興趣：學習<inputtype="checkbox"><br> 聽歌<inputtype="checkbox"><br> 旅遊<inputtype="checkbox"><br> 性別：<br> 男<inputtype="radio"name="gender"><br> 女<inputtype="radio"name="gender"><br> 學歷： <select> <option>小學</option> <option>初中</option> <option>高中</option> </select> <br /><br /> 評論：<textarea></textarea> 文件提交：<inputtype="file" /> <inputtype="submit" /> </form>
</body>
Java Web-HTML淺析