html學習
前言:
之前也寫過一點點(真的只有一點點)前端，但~.~好久沒寫了，這也是沒辦法的事情，如今對運維的要求愈來愈高了(先後端都要了解(深刻)，後端只會個python哪能行，java啥的整起~)，然~以初學者的心態學習前端老是不錯的，記錄一二~。~ html
固然記錄的內容也是一些網站來的內容，就很少說了，主要是學習之用~前端
1、html簡介
html（超文本標記語言）
用文本表述帶有特殊標籤的語言html5
什麼是標籤？ <> 用尖括號括起來的內容就是標籤java
1.html骨架
<!DOCTYPE html> 表示使用html5
<html> html標籤爲根標籤
<head> head標籤 頭標籤
<title></title> 標題標籤
<mate charset=「htf8」> 字符集
</head>
<body> 主體標籤
</body>
</html>
2.單雙標籤
(1).雙標籤python
<></>
<>標籤開始，</>標籤結束的就是雙標籤
html中大部分是雙標籤，標籤中的"/"爲關閉符後端
(2).單標籤運維
< />
只有一個標籤的就是單標籤，一個標籤包含內容和關閉符
單標籤數量較少，如：<br />換行標籤佈局
3.html標籤關係
(1).嵌套關係學習
<head>
<title></title>
</head>
head與title標籤爲嵌套關係字體
(2).並列關係
<head></head> <body></body>
head和body標籤爲並列關係
2、html經常使用標籤
1.html排版標籤
(1).標題標籤，單詞head縮寫
<h1> <h2> <h3> <h4> <h5> <h6> 字體大小依次遞減變小
(2).段落標籤 paragragh
<p> </p> 標籤內的標識爲一個段落
(3).水平標籤
<hr />
(4).換行標籤
<br /> 換行標籤
(5).文本格式化標籤
<b></b> <strong></strong> 字體加粗,XHTML推薦使用strong <i></i> <em></em> 斜體，XHTML推薦使用em <s></s> <del></del> 刪除線方式顯示，XHTML推薦使用del <u></u> <ins></ins> 加下劃線方式顯示，XHTML不同意使用u
strong，em，del，ins 語義更清晰強烈(也就是可讀性更強，歧義更少)，建議使用
(6).無語義標籤
若是說html哪一個標籤用得最多，那必定是<div></div>標籤了，是無語義標籤，主要用來佈局
<div></div> <span></span> 無語義標籤，用來佈局
2.html圖像標籤
<img src="圖片地址"/> 屬性 屬性值 描述 src URL 圖像的路徑 alt 文本 圖像不能顯示時的替換文本 title 文本 鼠標懸停時顯示的內容 width 像素 設置圖像的寬度 height 像素 設置圖像的高度 border 數字 設置圖像邊框的寬度
3.html連接標籤
<a href="跳轉目標" target="目標窗口的彈出方式"> 文本或圖像</a> <a href="http://www.baidu.com" target="_blank">百度</a> target值-> _blank 在新頁面打開 _self 在當前頁面打開(默認) 注意:外部連接須要添加http頭部
4.html特殊字符
在http中，有些自己屬於標籤的特殊符合，如:"<" "/" ">"等，能夠使用html特殊字符代碼實現，以下圖
5.html註釋標籤
<!-- 註釋內容 -->
註釋掉的代碼，html將不會解析執行，主要用於解釋一些代碼的做用或者暫時不想執行
6.html列表標籤
(1).無序列表
<ul>
<li>x</li>
<li>y</li>
</ul>
注:
(1)<ul></ul>中只嵌套<li></li>
(2)<li>與</li>之間至關於一個容器，能夠容納全部元素
(3)無序列表會帶有本身的樣式屬性
(2).有序列表
<ol>
<li>a</li>
<li>b</li>
<li>c</li>
<li>d</li>
<li>e</li>
</ol>
注:跟無序列表一致
(3).自定義列表
一個<dt>對應多個<dd>標籤
<dl>
<dt>a</dt>
<dd>b</dd>
<dd>c</dd>
</dl>
注:html頁面底部用該標籤較多較多
3、結語
html語言的標籤有不少，以學習來說，先了解掌握一些經常使用標籤快速入門，而後在實際使用過程當中查詢增長記憶~。~
- 1. HTML學習
- 2. html 學習
- 3. html學習
- 4. HTML學習 day04
- 5. html學習day2.1
- 6. web學習html
- 7. Html學習
- 8. HTML學習（一）
- 9. HTML學習（二）
- 10. html學習 -- 2
- 更多相關文章...
- • 您已經學習了 XML Schema，下一步學習什麼呢？ - XML Schema 教程
- • 我們已經學習了 SQL，下一步學習什麼呢？ - SQL 教程
- • Tomcat學習筆記（史上最全tomcat學習筆記）
- • 適用於PHP初學者的學習線路和建議
-
每一个你不满意的现在，都有一个你没有努力的曾经。
- 1. HTML學習
- 2. html 學習
- 3. html學習
- 4. HTML學習 day04
- 5. html學習day2.1
- 6. web學習html
- 7. Html學習
- 8. HTML學習（一）
- 9. HTML學習（二）
- 10. html學習 -- 2