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