HTML（學習筆記）不定期更新~

阿新 • • 發佈：2021-09-01

HTML 超文字標記語言（英語：HyperText Markup Language，簡稱：HTML）是一種用於建立網頁的標準標記語言您可以使用 HTML 來建立自己的 WEB 站點，HTML 執行在瀏覽器上，由瀏覽器來解析 Web標準 結構（HTML）、表現（CSS）、行為（JavaScript） lang語言種類 用來定義當前文件顯示的語言 en #英語 zh-CN #中文例：<html lang="en"> HTML 屬性 HTML 元素可以設定屬性屬性可以在元素中新增附加資訊屬性一般描述於開始標籤屬性總是以名稱/值對的形式出現，比如：name="value" 註釋

HTML中的註釋以  結束路徑相對路徑絕對路徑是指目錄下的絕對位置，直接到達目標位置，通常是從碟符開始的路徑路徑符號為反斜槓\

水平線 <hr> 標籤在 HTML 頁面中建立水平線換行換行 <br> 標籤 特殊字元 標題標籤 標題（Heading）是通過 <h1> - <h6> 標籤進行定義的 <h1> 定義最大的標題。 <h6> 定義最小的標題 段落標籤 段落是通過 <p> 標籤定義的瀏覽器會自動地在段落的前後新增空行 文字格式化標籤

<div>和<span>標籤 <div> 和 <span>是沒有語義的，它們就是一個盒子，是用來裝內容的 <div>標籤用來佈局，屬於大盒子 <span>也是用來佈局，一行上可以放多個，屬於小盒子 影象標籤 <img src="boat.gif" alt="Big Boat"> height（高度）與 width（寬度）屬性用於設定影象的高度與寬度，若不想圖片變形，設定其中一個即可，即會等比例縮放 連結標籤 <a> 標籤 <a href="http://www.runoob.com" target="_blank">訪問菜鳥教程！</a> target屬性值連結分類 1.外部連結：例如<a href="http://www.baidu.com">百度</a> 2.內部連結：網站內部頁面之間的相互連結，直接連結內部頁面名稱即可，例如< a href="index html">首頁</a> 3.空連結：如果當時沒有確定連結目標時,< a href="#">首頁</a> 4.下載連結：如果href裡面地址是一個檔案或者壓縮包，會下載這個檔案 5.網頁元素連結：在網頁中的各種網頁元素，如文字、影象、表格、音訊、視訊等都可以新增超連結 6.錨點連結：點選連結可以快速定位到頁面中的某個位置在連結文字的href屬性中，設定屬性值為#名字的形式，如：< a href="#two">第2集</a> 找到目標位置標籤，裡面添加個id屬性=剛才的名字，如：<h3 id="two">第2集介紹</h3> 注意：阻止連結跳轉新增 javascript:void(0); 或者 javascript:; 例如：<a href="javascript:;" ></a> 表格標籤

表格由 <table> 標籤來定義。每個表格均有若干行（由 <tr> 標籤定義），每行被分割為若干單元格（由 <td> 標籤定義）。字母 td 指表格資料（table data），即資料單元格的內容表格表頭表格的表頭使用 <th> 標籤進行定義

<table border="1">
    <tr>
        <th>Header 1</th>
        <th>Header 2</th>
    </tr>
    <tr>
        <td>row 1, cell 1</td>
        <td>row 1, cell 2</td>
    </tr>
    <tr>
        <td>row 2, cell 1</td>
        <td>row 2, cell 2</td>
    </tr>
</table>

表格屬性表格結構標籤 <thead>標籤表格的頭部區域、<tbody>標籤表格的主體區域合併單元格跨行合併：rowspan="合併單元格的個數" 最上側單元格為目標單元格，寫合併程式碼，並刪除多餘的單元格跨列合併：colspan="合併單元格的個數" 最左側單元格為目標單元格，寫合併程式碼，並刪除多餘的單元格

<table width="500" height="250" border="1" cellspacing="0">
    <tr>
        <td></td>
        <td colspan="2"></td>
    </tr>
    <tr>
        <td rowspan="2"></td>
        <td></td>
        <td></td>
    </tr>
    <tr>
        <td></td>
        <td></td>
    </tr>
</table>

列表標籤 無序列表使用 <ul> 標籤去掉 li 前面的專案符號(小圓點) list-style: none;

<ul>
    <li>Coffee</li>
    <li>Milk</li>
</ul>

有序列表使用 <ol> 標籤

<ol>
    <li>Coffee</li>
    <li>Milk</li>
</ol>

自定義列表以 <dl> 標籤開始。每個自定義列表項以 <dt> 開始。每個自定義列表項的定義以 <dd> 開始

<dl>
    <dt>Coffee</dt>
    <dd>- black hot drink</dd>
    <dt>Milk</dt>
    <dd>- white cold drink</dd>
</dl>

表單標籤 表單域使用 <form> 標籤 <form action="url地址" method="提交方式" name="表單域名稱"></form> <input>輸入表單元素 <input>標籤的type屬性 <input>標籤的其他屬性 name和value是每個表單元素都有的屬性值，主要給後臺人員使用 name表單元素的名字，要求單選按鈕和複選框要有相同的name值 <label> 標籤 用於繫結一個表單元素，當點選<label>標籤內的文字時，會自動將焦點(游標)轉到或者選擇對應的表單元素上，用來增加使用者體驗 <label>標籤的for屬性應當與相關元素的id屬性相同

<label for="nan">男</label>
<input type="radio" name="sex" id="nan">

<select>下拉表單元素 在<option>中定義 selected="selected"時，當前項即為預設選中項

<select>
    <option value="volvo">Volvo</option>
    <option value="saab">Saab</option>
    <option value="mercedes">Mercedes</option>
    <option value="audi">Audi</option>
</select>

<textarea>文字域元素 rows="顯示的行數" cols="顯示的列數"

<textarea rows="10" cols="30">
　　我是一個文字框。
</textarea>

HTML（學習筆記）不定期更新~

HTML（學習筆記）不定期更新~

CSS（學習筆記）不定期更新~

CSS3（學習筆記）不定期更新~

JavaScript（學習筆記）不定期更新~

jQuery（學習筆記）不定期更新~

BOM（學習筆記）不定期更新~

AJAX（學習筆記）不定期更新~

js 防抖和節流（學習筆記）

大資料--hive的基礎認識（學習筆記）

Vue (Vue3) 入門（學習筆記）

計算機瞭解（學習筆記）

日誌清除（學習筆記）Day02 Windows入侵日誌清除、Linux入侵日誌清除、mysql入侵日誌清除

# 2021-01-03 #「Kubernetes Objects」- PodPreset（學習筆記）

Python資料分析與展示（學習筆記）

Python主要資料探索函式（學習筆記）

p4 language learning :Part 2（學習筆記）

原型模式（學習筆記）

工廠方法（學習筆記）

迭代器模式（學習筆記）

外觀模式（學習筆記）

HTML（學習筆記）不定期更新~

相關推薦