01-HTML標籤
Python-web
-
HTML經常使用標籤
HTML
什麼是HTML
-
HTML 是用來描述網頁的一種語言。javascript
-
HTML 指的是超文本標記語言 (Hyper Text Markup Language)css
-
HTML 不是一種編程語言，而是一種標記語言 (markup language)html
-
標記語言是一套標記標籤 (markup tag)java
-
-
HTML 使用標記標籤來描述網頁web
HTML 標籤(元素)
-
HTML 標記標籤一般被稱爲 HTML 標籤 (HTML tag)。編程
-
HTML 標籤是由尖括號包圍的關鍵詞，好比 <html>瀏覽器
-
HTML 標籤一般是成對出現的，好比 <b> 和 </b>編程語言
-
標籤對中的第一個標籤是開始標籤，第二個標籤是結束標籤搜索引擎
-
開始和結束標籤也被稱爲開放標籤和閉合標籤編碼
HTML 文檔 = 網頁
-
HTML 文檔描述網頁
-
HTML 文檔包含 HTML 標籤和純文本
-
HTML 文檔也被稱爲網頁
-
Web 瀏覽器的做用是讀取 HTML 文檔，並以網頁的形式顯示出它們。
-
瀏覽器不會顯示 HTML 標籤，而是使用標籤來解釋頁面的內容.
注意 ：有時候咱們也會把標籤說成元素，好比
p標籤說成p元素，其實說的就是同一個東西，指示說法不一樣而已。
HTML的模板
<!DOCTYPE html> <!--文檔類型-->
<html lang="en"> <!--根標籤-->
<head> <!--網頁的頭部-->
<meta charset="UTF-8" /> <!--國際編碼 UTF-8-->
<title>初識HTML</title> <!--網頁標題-->
</head>
<body> <!--可視化區域 網頁的主體-->
</body>
</html>a
HTML標籤
H標題標籤
-
h1~h6 -
標題標籤 文字大小、粗細程度 、單獨佔一行 -
一個頁面一般只出現一個h1標籤 有利於搜索引擎搜索 -
每一個頁面出現哪些標籤，根據本身的需求
p段落標籤
-
獨佔一行
-
先後元素自動換行
粗體標籤
-
<strong>/<b>
斜體標籤
-
<em>/<i>
特殊符號
| 代碼 | 符號 |
|---|---|
< |
< 小於號 |
> |
> 大於號 |
|
空格 |
|
空白位 |
© |
版權符 |
& |
&符號 |
換行
-
<br/>換行符 -
<hr/>水平線
a標籤（超連接標籤）
<a href="#">#</a> 刷新當前頁面 <a href="javascript: void(0);">死連接</a> 死連接，不會跳轉 <a href="#name">錨點</a> <a href="http://baidu.com">跳轉到百度</a> 跳轉到百度 須要注意的是 http 不能少
HTML的書寫規範
-
HTML命名規範
-
名字用小寫字母
-
以英文開頭，能夠包含（英文字母 _ - 數字），不能使用中文
-
見名知意
-
駝峯命名，第二個單詞大寫，例如：
className(js中使用)
-
-
命名的2種方式
-
id只能有一個名字，且在頁面中相同的名字只能出現一次，至關於身份證號碼同樣 -
class相同的名字能夠出現N次，而且能夠有多個名字，至關於人名字同樣
-
圖片標籤
語法 ：<img src="圖片地址"/>
圖片要素
-
src定義圖片路徑 -
alt圖片描述，用於seo給搜索引擎抓取 -
width規定寬度 不給值 默認圖片多寬就多寬 -
height規定圖片高度 不給值 默認圖片多高就多高 -
widthheight只給一個值的時候，會等比例縮放
列表
-
無序列表
<ul>
<li>我是第1個li</li>
<li>我是第2個li</li>
<li>我是第3個li</li>
</ul>
無序列表就是全部的列表項沒有前後順序之分 默認小黑圓點（disc）
能夠經過改變type 值來改變前面的小黑圓點(disc) 空心圓(circle) 小方框(square)
-
有序列表
<ol>
<li>我是第1個li</li>
<li>我是第2個li</li>
<li>我是第3個li</li>
</ol>
有序列表就是有前後順序之分 默認是1 2 3
能夠經過改變type 值來改變 A 大寫字母排序 a小寫字母排序 I大寫羅馬字母排序 i小寫羅馬字母排序。
H5新增的兩個屬性：
reversed 降序排序
start 有序列表的其實值
-
定義列表
<dl> <dt>列表標題</dt> <dd>列表項目1</dd> <dd>列表項目2</dd> <dd>列表項目3</dd> </dl>
div 和span標籤
div是塊級標籤，能夠包含任何塊和行內元素，不會和其餘元素同佔一行
display:bock默認寬度100%，支持設置寬高，支持全部css命令
span 是內聯（行內）標籤，能夠和其餘行內元素位於同一行
display:inline 默認內容撐開寬度，不支持設置寬高
display:inline-block塊級能夠橫排展現，行內支持設置寬高
display:none隱藏元素
- 1. 01HTMl-標籤
- 2. 01HTML簡介
- 3. 01HTML筆記
- 4. mybatis中標籤、標籤、標籤、標籤、標籤的使用
- 5. 01HTML基礎-認識HTML
- 6. 標籤和標籤
- 7. maven 標籤，標籤
- 8. html中的a標籤、img標籤、iframe標籤、列表標籤
- 9. Spring 配置標籤——util標籤 Spring 配置標籤——util標籤
- 10. iframe標籤和a標籤
- 更多相關文章...
- • MyBatis if標籤 - MyBatis教程
- • MyBatis foreach標籤 - MyBatis教程
- • Docker 清理命令
- • Github 簡明教程
-
每一个你不满意的现在，都有一个你没有努力的曾经。