HTML标簽:
基本标簽:
<html></html>雙标簽 開頭結尾 HTML标簽為最大的标簽 稱為根标簽
<head></head> 文檔頭部标簽 且必須設定title
<title></title> 頁面标題
<body></body> 文檔的主體 包含頁面的内容
<h1>-<h6> HTML提供6個等級的頁面标題 有大到小
<p></p> p标簽用于定義段落 可以将頁面分為若幹個段落 根據視窗大小自動換行
<br/>單标簽 換行标簽 (break打斷)
格式化标簽:
加粗 <strong></strong>or<b></b>
斜線 <em></em>or<i></i>
删除線 <del></del>or<s></s>
下劃線 <ins></ins>or<u></u>
div和span标簽:
沒有語義 屬于一種盒子 來裝内容
<div></div> 表示分割分區 用來布局 一行一個 大盒子
<span></span>意為跨度,跨距 一行可以哦有多個 小盒子
圖像标簽:
<img src="圖像路徑(url)"/> 定義頁面中的圖像
圖像标簽包含多個屬性
src 圖檔路徑 必須屬性
alt 文本 替換文本 圖像不能顯示的文字
title 文本 滑鼠放到圖像上顯示文字
width 像素 寬度
height 高度
border 邊框
相對路徑和絕對路徑
相對路徑:以引用檔案所在位置為參考基礎,而建立出的目錄路徑
分類:下級路徑/ 上級路徑../
絕對路徑:是指目錄下的絕對位置,如硬碟中的路徑或網路位址
超連結标簽:
<a href="跳轉目标" target="目标視窗的彈出方式">文本或圖像</a>
href用于指定連結目标的url位址(必須屬性)
target用于指定連結打卡方式 _self為預設值 _blank為在新視窗打開方式
錨點連結:可以快速到頁面某個位置
在連結文本中的href屬性中,設定屬性值為#名字的形式,如<a href="#two">目标</a>
找到目标位置标簽,裡面添加一個id屬性 = 名字,如:<h3 id="two">目标</h3>
注釋:
<!-- 注釋語句 --> 快捷鍵CTRL + /
特殊字元:
HTML 原代碼 | 顯示結果 | 描述 |
< | 小于号或顯示标記 | |
> | 大于号或顯示标記 | |
& | 可用于顯示其它特殊字元 | |
" | “ | 引号 |
® | 已注冊 | |
© | 版權 | |
™ | 商标 | |
半個空白位 | ||
一個空白位 | ||
不斷行的空白 |
表格标簽:
<table></table> 是用于定義表格的标簽
<tr></tr> 标簽用于定義表格中的行,必須嵌套在<table></table>标簽中
<tb></tb> 用于定義表格的單元格,必須嵌套在<tr></tr>标簽中
<td> 元素中的文本通常是普通的左對齊文本。字母td指表格資料(table data),即資料單元格的内容
表頭單元格标簽:
<th>标簽表示HTML表格的表頭部分 <th> 元素中的文本通常呈現為粗體并且居中。
表格屬性:
align left center right 規定表格相對于周圍元素的對齊方式
border 1or"" 規定表格單元是否擁有邊框預設為"",表示沒有邊框
cellpadding 像素值 規定單元邊沿與其内容的空白,預設1像素
cellspacing 像素值 規定單元格直接的空白 預設2像素
with 像素值or百分比 規定表格的寬度
合并單元表格方式:
跨行合并:rowspan="合并單元格的個數"
跨列合并:colspan="合并單元格的個數"
清單标簽:
<ul>标簽表示無序清單 裡面隻能包含li
<ol>有序标簽 裡面隻能包含li
<li>相當于一個容器定義清單項 與<ui>or<li>嵌套使用 li裡面可以包含任何标簽
<dl>标簽用于定義描述清單(或自定義清單),該标簽會與<dt>(定義項目和名字)和<dd>(描述每一個項目名字)一起使用
表單标簽:
标簽 | |
<form> | 定義供使用者輸入的表單 |
<input> | 定義輸入域 |
<textarea> | 定義文本域 (一個多行的輸入控件) |
<label> | 定義了 <input> 元素的标簽,一般為輸入标題 |
<fieldset> | 定義了一組相關的表單元素,并使用外框包含起來 |
<legend> | 定義了 <fieldset> 元素的标題 |
<select> | 定義了下拉選項清單 |
<optgroup> | 定義選項組 |
<option> | 定義下拉清單中的選項 |
<button> | 定義一個點選按鈕 |
<datalist> New | 指定一個預先定義的輸入控件選項清單 |
<keygen> | 定義了表單的密鑰對生成器字段 |
<output> | 定義一個計算結果 |
<input>标簽用于收集使用者資訊 包含一個type屬性 可以有多種樣式
<input type="value">
<input type="屬性值" />
屬性值:
button | 定義可點選按鈕(多數情況下,用于通過 JavaScript 啟動腳本)。 |
checkbox | 定義複選框。 |
file | 定義輸入字段和 "浏覽"按鈕,供檔案上傳。 |
hidden | 定義隐藏的輸入字段。 |
image | 定義圖像形式的送出按鈕。 |
password | 定義密碼字段。該字段中的字元被掩碼。 |
radio | 定義單選按鈕。 |
reset | 定義重置按鈕。重置按鈕會清除表單中的所有資料。 |
submit | 定義送出按鈕。送出按鈕會把表單資料發送到伺服器。 |
text | 定義單行的輸入字段,使用者可在其中輸入文本。預設寬度為 20 個字元。 |
<label>标簽
<label> 标簽為 input 元素定義标注(标記)。 label是标注的意思
label 元素不會向使用者呈現任何特殊效果。不過,它為滑鼠使用者改進了可用性。如果您在 label 元素内點選文本,就會觸發此控件。就是說,當使用者選擇該标簽時,浏覽器就會自動将焦點轉到和标簽相關的表單控件上。
<label> 标簽的 for 屬性應當與相關元素的 id 屬性相同
詳情可參考
https://www.runoob.com/ 菜鳥教程
https://www.w3school.com.cn/ w3c