網(wǎng)頁(yè)設(shè)計(jì)基礎(chǔ)之HTML（一）

2019-11-10    seo達(dá)人

網(wǎng)頁(yè)設(shè)計(jì)基礎(chǔ)之HTML（一）

1.Web的基本概念

web（World Wide Web）即全球廣域網(wǎng)，也稱為萬(wàn)維網(wǎng)，它是一種基于超文本和HTTP的、全球性的、動(dòng)態(tài)交互的、跨平臺(tái)的分布式圖形信息系統(tǒng)。是建立在Internet上的一種網(wǎng)絡(luò)服務(wù)，為瀏覽者在Internet上查找和瀏覽信息提供了圖形化的、易于訪問的直觀界面，其中的文檔及超級(jí)鏈接將Internet上的信息節(jié)點(diǎn)組織成一個(gè)互為關(guān)聯(lián)的網(wǎng)狀結(jié)構(gòu)。

主要包含結(jié)構(gòu)，表現(xiàn)和行三個(gè)方面



2.HTML簡(jiǎn)介

<!DOCTYPE html> 聲明為 HTML5 文檔

<html> 元素是 HTML 頁(yè)面的根元素

<head> 元素包含了文檔的元（meta）數(shù)據(jù)

<title> 元素描述了文檔的標(biāo)題

<body> 元素包含了可見的頁(yè)面內(nèi)容

<h1> 元素定義一個(gè)大標(biāo)題

<p> 元素定義一個(gè)段落

<標(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)頁(yè)標(biāo)題名</title> 設(shè)置頁(yè)面標(biāo)題標(biāo)記

<meta/> 定義頁(yè)面原信息

<link> 引用外部文件標(biāo)記

1

2

3

4

5

6

7

8

9

10

11

12

13

14

注意元素的就近原則

補(bǔ)充：link的屬性 請(qǐng)參考此網(wǎng)址



3.HTML入門

①HTML的概念：HTML 是用來(lái)描述網(wǎng)頁(yè)的一種語(yǔ)言。

②HTML的文本控制標(biāo)記

1.標(biāo)題標(biāo)記：

標(biāo)題（Heading）是通過<h1> - <h6>標(biāo)簽進(jìn)行定義的。



對(duì)齊方式：

left：設(shè)置標(biāo)題文字左對(duì)齊

center：設(shè)置標(biāo)題文字居中

ringt: 設(shè)置標(biāo)題文字右對(duì)齊

使用方法 <h2 align="left">二級(jí)標(biāo)題 左對(duì)齊</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)記

詳情請(qǐng)點(diǎn)我



1.3特殊字符標(biāo)記

詳情請(qǐng)點(diǎn)我，并查看HTML字符實(shí)體部分



4.附上本節(jié)課的腦圖





注：本文參考自菜鳥教程


日歷

鏈接

個(gè)人資料

存檔