html學習筆記
Html的學習html
-------關於我爲啥要學html：html5
web方面不少東西都和html有必定的關係，在雜七雜八看了一堆東西以後，以爲仍是要去打好基礎，因此就決定去學習html，爲之後的各類騷操做打基礎web
html代碼檢查網站https://validator.w3.org瀏覽器
在線學習網站http://www.w3school.com.cn學習
網頁模板：網站
每一個網頁都包括html，head , title, meta和body元素編碼
<!DOCTYPE html>spa
<html lang=」en」> lang用於指定文檔書面語言的屬性.net
<head> 頁頭htm
<title>文件的標題</title>
<meta charset=」utf-8」> meta顯示網站特徵，好比字符編碼等
</head>
<body> 主體部分
文件的主體
</body>
</html>
2.1標題元素：
標題分爲h1到h6六級,<h1>最大,<h6>最小。這個標題是放在body內的，用於所寫文章的標題。
2.2段落：
<p>和</p>之間的文本造成段落
<br>表示換行（丟在哪均可以）例：<p>這個:<br>是實驗</p>
<hr>表示水平標尺（其實就是畫一條長直線,通常不用）例：<p></p><hr>
<blockquote>表示塊引用元素（其實就是對文本進行縮進）例：<p>你好：</p><blockquote>我是<blockquote>
短語元素指定容器標記之間的文本的上下文與含義（相似於word的加粗，加下劃線等功能）詳細操做能夠百度
有序列表和無序列表和描述列表：
- 有序列表(能夠對列表的東西進行排序，可是必須用<ol>,不然就不行)
<ol>
<li>BLUE</li>
<li>red</li>
<li>WHITE</li>
</ol>
- 無序列表（不對列表的元素進行排序，可是前面能夠有個小圓點）
用法和有序列表相同，可是無序列表的開頭是<ul>
- 描述列表
描述列表以<dl>標記開始，以</dl>結束;每一個要描述的語句以<dt>開始
以</dt>結束；每項描述的內容以<dd>標記開始，</dd>結束
例子:
<body>
<h1>Heading level 1</h1>
<dl>
<dt>TCP</dt>
<dd>TCP的內容</dd>
<dt>IP</dt>
<dd>IP的內容</dd>
</dl>
</body>
關於特殊字符
能夠參考這個網站http://www.w3school.com.cn/html/html_entities.asp
2.11結構元素：
除了常規性的div元素,html5還引入了許多語義上的結構元素來配置網頁區域.
分爲
- Div元素
Div元素在網頁中建立一個常規結構區域，塊元素以<div>開始，以</div>結束
- Header元素
Header元素的做用是包含網頁文檔或文檔區域的標題，以<header>開始，以</header>結束.header一般包含一個或多個標題元素（<h1>到<h6>）
- Nav元素
做用是創建一個導航連接區域。塊顯示元素，以<nav>開始,以</nav>結束
- Main元素
做用是包含網頁文檔的主要內容。每一個網頁只因有一個main，以<main>開始，以</main>結束
- Footer元素
做用是爲網頁或網頁區域建立頁腳，以<footer>開始，以</footer>結束
例子：
<!DOCTYPE html>
<html lang="en">
<head>
<title>Trillium Media Design</title>
<meta charset="utf-8">
</head>
<body>
<header>
<h1>Heading level 1</h1>
</header>
<nav> 編碼nav元素來包含主導航區域的文本
<b>Home Services Contact</b> b表示加粗
</nav>
<main>
<h2>New Media and Web Design</h2>
<p>Trillium Media Design will bring your company’s Web presence to the next level. We offer a comprehensive range of services.</p>
<h2>Meeting Your Business Needs</h2>
<p>123456789</p>
<div>
<strong>Casita Sedona Bed & Breakfast</strong><br>
612 Tortuga Lane<br>
Sedona, AZ 86336<br>
</div>
</main>
<footer>
<small><i>456789</i></small> i表示斜體
</footer>
</body>
</html>
2.13錨元素：
錨元素的做用是定義超連接，它指向你想顯示的一個網頁或者文件。錨元素以<a>標記開始，以</a>j結束。兩個標記之間是能夠點擊的連接文本或者圖片。用href屬性配置連接應用，即要訪問（連接到）的文件的名稱和位置。
例子：<a href=」 https://www.baidu.com/」>baidu</a>(然而用www.baidu.com就不行)
Href=」絕對連接」（絕對連接：協議名稱http://和域名）
可是若是要連接到本身網站內部的網頁時，可使用相對連接(這種連接的href值不以http://開頭，也不含域名，只須要包含想要顯示的網頁文件名（或者文件夾和文件名的組合）)
例如：爲了從主頁index.html連接到同一文件夾下的contact.html，就能夠直接<a href=」contact.html」>Contact</a>
新建文件夾保存多個網頁
訪問的方法
<nav>
<b>
<a href="index.html">Home</a>
<a href="services.html">Services</a>
<a href="contact.html">Contact</a>
</b>
</nav>
電子·郵件連接：
錨標記也能夠用於建立電子郵件連接，和外部連接類似可是有兩點不一樣：
- 它使用mailto:,而不是http://
- 它打開瀏覽器配置的默認郵件程序，將E-mail地址做爲收件人
例如，要建立指向help@webdevbasics.net的電子郵件連接，要按以下方法
<a href=」mailto:help@webdevbasics.net」>help@webdevbasics.net</a>
<li>E-mail:
<a href="mailto:contact@trilliummediadesign.com">contact@trilliummediadesign.com</a>
</li>
HTML 參考手冊- (HTML5 標準)
關於標籤列表
1.按字母順序排序 https://www.runoob.com/tags/html-reference.html
2.按功能順序排序https://www.runoob.com/tags/ref-byfunc.html
HTML的基礎學習到此結束
- 1. html學習筆記
- 2. HTML學習筆記
- 3. HTML—學習筆記
- 4. HTML 學習筆記
- 5. 【學習筆記】HTML
- 6. Html學習筆記
- 7. HTML學習筆記——HTML基本標記
- 更多相關文章...
- • 您已經學習了 XML Schema，下一步學習什麼呢？ - XML Schema 教程
- • 我們已經學習了 SQL，下一步學習什麼呢？ - SQL 教程
- • Tomcat學習筆記（史上最全tomcat學習筆記）
- • 適用於PHP初學者的學習線路和建議
-
每一个你不满意的现在，都有一个你没有努力的曾经。
- 1. 字節跳動21屆秋招運營兩輪面試經驗分享
- 2. Java 3 年，25K 多嗎？
- 3. mysql安裝部署
- 4. web前端開發中父鏈和子鏈方式實現通信
- 5. 3.1.6 spark體系之分佈式計算-scala編程-scala中trait特性
- 6. dataframe2
- 7. ThinkFree在線
- 8. 在線畫圖
- 9. devtools熱部署
- 10. 編譯和鏈接
- 1. html學習筆記
- 2. HTML學習筆記
- 3. HTML—學習筆記
- 4. HTML 學習筆記
- 5. 【學習筆記】HTML
- 6. Html學習筆記
- 7. HTML學習筆記——HTML基本標記