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上查找和瀏覽信息提供了圖形化的、易于訪問(wèn)的直觀界面,其中的文檔及超級(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> 元素包含了可見(jiàn)的頁(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入門(mén)
①HTML的概念:HTML 是用來(lái)描述網(wǎng)頁(yè)的一種語(yǔ)言。
②HTML的文本控制標(biāo)記
1.標(biāo)題標(biāo)記:
標(biāo)題(Heading)是通過(guò)<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)記
段落是通過(guò) <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é)課的腦圖
注:本文參考自菜鳥(niǎo)教程
藍(lán)藍(lán)設(shè)計(jì)的小編 http://www.teruid.com