2019-11-10 seo達(dá)人
網(wǎng)頁設(shè)計基礎(chǔ)之HTML（一）
1.Web的基本概念
web（World Wide Web）即全球廣域網(wǎng)，也稱為萬維網(wǎng)，它是一種基于超文本和HTTP的、全球性的、動態(tài)交互的、跨平臺的分布式圖形信息系統(tǒng)。是建立在Internet上的一種網(wǎng)絡(luò)服務(wù)，為瀏覽者在Internet上查找和瀏覽信息提供了圖形化的、易于訪問的直觀界面，其中的文檔及超級鏈接將Internet上的信息節(jié)點組織成一個互為關(guān)聯(lián)的網(wǎng)狀結(jié)構(gòu)。
主要包含結(jié)構(gòu)，表現(xiàn)和行三個方面
2.HTML簡介
<!DOCTYPE html> 聲明為 HTML5 文檔
<html> 元素是 HTML 頁面的根元素
<head> 元素包含了文檔的元（meta）數(shù)據(jù)
<title> 元素描述了文檔的標(biāo)題
<body> 元素包含了可見的頁面內(nèi)容
<h1> 元素定義一個大標(biāo)題
<p> 元素定義一個段落
<標(biāo)記名>內(nèi)容</標(biāo)記名> 雙標(biāo)記，也稱標(biāo)記體
<標(biāo)記名/> 單標(biāo)記，也稱空標(biāo)記
<!--注釋內(nèi)容--> 注釋標(biāo)記
<標(biāo)記名 屬性1="屬性值1" 屬性2="屬性值2">內(nèi)容<//標(biāo)記名>
<title>網(wǎng)頁標(biāo)題名</title> 設(shè)置頁面標(biāo)題標(biāo)記
<meta/> 定義頁面原信息
<link> 引用外部文件標(biāo)記
1
2
3
4
5
6
7
8
9
10
11
12
13
14
注意元素的就近原則
補充：link的屬性 請參考此網(wǎng)址
3.HTML入門
①HTML的概念：HTML 是用來描述網(wǎng)頁的一種語言。
②HTML的文本控制標(biāo)記
1.標(biāo)題標(biāo)記：
標(biāo)題（Heading）是通過<h1> - <h6>標(biāo)簽進(jìn)行定義的。
對齊方式：
left：設(shè)置標(biāo)題文字左對齊
center：設(shè)置標(biāo)題文字居中
ringt: 設(shè)置標(biāo)題文字右對齊
使用方法 <h2 align="left">二級標(biāo)題 左對齊</h2>
2.段落標(biāo)記
段落是通過 <p>標(biāo)簽定義的；其他同標(biāo)題標(biāo)記一致。
3.水平線標(biāo)記<hr/>
相關(guān)屬性
使用方法<hr color="red" align="left" size="5" width"600"/>
4.換行標(biāo)記<br/>
1.1文本樣式標(biāo)記
font的屬性
1.2文本格式化標(biāo)記
詳情請點我
1.3特殊字符標(biāo)記
詳情請點我，并查看HTML字符實體部分
4.附上本節(jié)課的腦圖
注：本文參考自菜鳥教程
藍(lán)藍(lán)設(shè)計的小編 http://www.dzxscac.cn