HTML超文本標記語言

HTML語言是由標籤組成的
HTML中的數據會封裝在標籤對中，因爲HTML會通過標籤中屬性值的改變來對封裝數據的操作。
HTML標準格式：

<HTML>
    <head></head>
    <body></body>
</HTML>

head:網頁的一些屬性信息，比如標題。
body:網頁上顯示的數據。

標籤特點：對於數據進行封裝，就要有開始標籤和結束標籤。
但也有一些標籤只體現單一功能，不需要結束標籤，規範中要求標籤必須要有結束，所以這樣的標籤在內部結束。
如：
<br /><hr /><img /><input />

標籤格式：<標籤名屬性名="屬性值" >數據</標籤名>

<標籤名屬性名="屬性值" />

常見標籤：

1. 字體：<font size="7" color="#0066ff">數據</font>
特殊部分：如果要在頁面顯示一些特殊符號，需要進行轉譯。
HTML常用特殊字符：

HTML原代碼	顯示結果	描述
`<`	<	小於號或顯示標記
`>`	>	大於號或顯示標記
`&`	&	可用於顯示其它特殊字符
`"`	“	引號
`®`	®	已註冊
`©`	©	版權
`™`	™	商標
`&ensp;`		半個空白位
`&emsp;`		一個空白位
` `		不斷行的空白

標題：<h1><h2><h3>...<h6>

2. 列表標籤：

<dl>
    <dt>上層標籤</dt>
    <dd>下層標籤</dd>
</dl>

上層標籤: 下層標籤

項目符號標籤：

<ul>:無序列表標籤
<ol>:有序列表標籤
這兩個標籤都由<li>標籤封裝
示例：

<ol>
        <li>遊戲名稱：</li>
            <ul>
                <li>魔獸</li>
                <li>星際</li>
            </ul>
        <li>遊戲內容：</li>
            <ol type="a">
                <li>攻略</li>
                <li>祕籍</li>
            </ol>
</ol>

遊戲名稱：

魔獸
星際

遊戲內容：

攻略
祕籍

3.圖像標籤

<img src="路徑" alt="圖像文字說明" />

4.表格標籤：<table>

表格由行組成，行由單元格組成。
表格中默認一個tbody標籤。

<!--cellpadding 屬性規定單元邊沿與其內容之間的空白。
    cellspacing 屬性規定單元格之間的空間。
-->
<table border="1" bordercolor="red" width="60%" cellpadding="10" cellspacing="0">
<!--
-->
<caption>我的表格</caption>
    <tr>
    <!--th是居中加粗，colspan屬性規定單元格可橫跨的列數。-->
        <thc colspan="2">註冊</th>
    </tr>
    <tr>
        <td>用戶名：</td>
        <td><input type="text" name="username"/></td>
    </tr>
    <tr>
         <td>密碼：</td>
         <td><input type="password" name="passwd"/></td>
    </tr>
</table>

5.超鏈接：<a href="url">
<a href="www.baidu.com" target="_blank">百度</a>
百度
當被點擊後，會啓動引擎所對應的解析程序，去查找指定主機。
a.先找本地hosts文件，查找對應域名的IP。
b.若本地不存在對應IP，那麼去公網DNS服務器上查找對應IP。

<a href="mailto:[email protected]?subject=haha&[email protected]">聯繫我們</a>
這是一個郵件發送的超鏈接，當被點擊時，就會出現相關的郵件發送程序，本機默認的是outlook。

超鏈接的另一個作用：
定位標記

<a name="top">一個位置</a>
<a href="#top">獲取那個位置</a>

6.表單標籤：
該標籤是可以和服務器進行交互的。
<form>
表單中的元素：
<input>:該標籤因爲屬性的不同，使用的組件也不同。
type屬性：
1.text:文本框，輸入的文本可見。

2.password:密碼框，輸入的文本不可見。

3.radio:單選框，注意：要是他能被選中，必須要給它定義一個name屬性，同時，如果有多個單選框且需要只有一個能被當前選中，那麼他們的屬性值name必須相同。

4.checkedbox:複選框，可以對多個數據進行同時選中。

5.file:文件選擇組件，通常用於附件或者文件上傳。

6.hidden:隱藏組件，該組件定義的name和value的屬性值不會在頁面上顯示，但是可以提交到服務端。

7.button:按鈕組建，自定義一個按鈕組件是沒有效果的，可以通過註冊事件並加入自定義效果。

8.image:圖像組件，爲了避免提交按鈕的單調性，可以通過這個屬性定義一個圖像形式的提交按鈕。

9.reset:重置按鈕，將組件中被操作的效果還原到初始狀態。

10.submit:提交按鈕，將組件中添加的數據提交到指定的目的地。

下拉菜單：<select>
每一個下拉菜單都由option標籤封裝

<select name="國家">
    <option value="none">請選擇國家</option>
    <option value="china">中國</option>
    <option value="usa">美國</option>
    <option value="english">英國</option>
</select>

文本區域：<textarea>

<textarea rows="3" cols="20">
這裏就是文本區域
</textarea>

表單組件通常需要定義name和value屬性，因爲要將數據發送給服務端。
服務端只有知道了該name的值纔可以對提交的數據進行分別獲取。

form標籤中常見的屬性：

action：指定數據提交的目的地。
method：提交方式，兩種常用值get和post，get爲默認。

get和post區別：
get：get會將提交的數據顯示在地址欄
post：不會將數據顯示在地址欄

get：提交的數據體積受地址欄限制
post：可以提交大體積的數據

get：對於敏感信息而言，提交在地址欄不安全
post：相對於get安全

get：會將提交信息封裝再請求行，也就是http消息頭之前
post：會將提交信息封裝在數據體中，也就是http消息頭之後的空行後

對於服務端而言：

表單提交儘量使用post，因爲涉及編碼問題。
對於post提交的中文。在服務端可以直接使用setCharacterEncoding(“GBK”)就可以解決
對於get提交的中文，在服務端只能通過ISO8859-1將數據編碼一次，再通過指定的碼錶如GBK解碼。

使用表單組件不一定要定義form標籤，只有需要將數據進行想服務端的提交時才需要使用form標籤。

補充一些標籤：

體標籤：
1. <pre> 標籤:一個常見應用就是用來表示計算機的源代碼。

<pre>
class Hello
{
    public static void main(String args[])
    {
        System.out.println("Hello world!");
    }
}
</pre>

class Hello
{
    public static void main(String args[])
    {
        System.out.println("Hello world!");
    }
}

2.<p>標籤：段落標籤

<p>這是段落。</p>
<p>這是段落。</p>
<p>這是段落。</p>

<p>段落元素由 p 標籤定義。</p>

這是段落。

段落元素由 p 標籤定義。

3.<b>標籤：粗體文本標籤

<p>這是普通文本 - <b>這是粗體文本</b>。</p>

這是普通文本 - 這是粗體文本。

4.標籤：斜體文本效果

<p>這是普通文本 - <i>這是斜體文本</i>。</p>

這是普通文本 - 這是斜體文本。

5.<u>標籤：可定義下劃線文本

<p>如果文本不是超鏈接，就不要<u>對其使用下劃線</u>。</p>

如果文本不是超鏈接，就不要對其使用下劃線。

6.<sub>標籤：可定義下標文本

這段文本包含 <sub>下標</sub>

這段文本包含 _下標

7.<sup>標籤：可定義上標文本

這段文本包含 <sup>上標</sup>

這段文本包含 ^上標

8.<marquee>標籤：實現內容的滾動

<marquee direction="down" behavior="slide">內容</marquee>

頭標籤
1. <base> 標籤：爲頁面上的所有鏈接規定默認地址或默認目標

<html>
<head>
<base   href="f:\Upload\" />
<base target="_blank" />
</head>

<body>
<img src="java.jpg" /><br />
<p>請注意，我們已經爲圖像規定了一個相對地址。由於我們已經在 head 部分規定了一個基準 URL，瀏覽器將在如下地址尋找圖片：</p>
<p>"f:\Upload\java.jpg"</p>


<a href="http://www.baidu.com" target="">百度</a>
<p>請注意，鏈接會在新窗口中打開，即使鏈接中沒有 target="_blank" 屬性。這是因爲 base 元素的 target 屬性已經被設置爲 "_blank" 了。</p>
</body>`
`
</html>

2.<meta>標籤：

name屬性：網頁的描述信息。當取keywords時，content屬性的內容就作爲搜索引擎的關鍵字進行搜索。
http-equiv 屬性：模擬HTTP協議的響應消息頭。
例：

<!--表示打開此頁面3s後跳轉到百度頁面-->
<meta http-equiv="refresh" content="3; url=http://www.baidu.com" />

當取content-type值：當當服務器向瀏覽器發送文檔時，會先發送許多名稱/值對。雖然有些服務器會發送許多這種名稱/值對，但是所有服務器都至少要發送一個：content-type:text/html。這將告訴瀏覽器準備接受一個 HTML 文檔。

3.<link>標籤：定義文檔與外部資源的關係。

<link>標籤： 最常見的用途是鏈接樣式表。

<!--兩種不同的樣式表，針對兩種不同的媒介類型（計算機屏幕和打印）：-->
<head>
<link rel="stylesheet" type="text/css" href="theme.css" />
<link rel="stylesheet" type="text/css" href="print.css" media="print"/>
</head>

media屬性：

規定被鏈接文檔將顯示在什麼設備上。
用於爲不同的媒介類型規定不同的樣式。

值	描述
screen	計算機屏幕（默認）。
print	打印預覽模式/打印頁面。
projection	放映機。
handheld	手持設備（小屏幕、有限帶寬）。

Html入門學習總結

HTML超文本標記語言

常見標籤：

補充一些標籤：

.NET有哪些好用的定時任務調度框架

Python 將PDF轉爲PDF/A、PDF/X，以及PDF/A轉回PDF

elk3

Kafka存儲機制

aws語音呼叫調用，告警電話

深度學習框架火焰圖pprof和CUDA Nsys配置指南

【轉】[C#] WebAPI 防止併發調用二（冥等性）

爬蟲兩種繞過5s盾的方法

【轉】[SQL Server]關掉 SSMS 的 IntelliSense

號稱能打敗MLP的KAN到底行不行？數學核心原理全面解析

Java基礎---選擇排序和冒泡排序

Html入門學習總結

Java基礎---JDK下載及JAVA環境搭建

Java基礎——IO（2）

Java基礎---JAVA基本數據類型，關鍵字

https://yachay.unat.edu.pe/blog/index.php?comment_area=format_blog&comment_component=blog&comment_co

linux以太網驅動總結