HTML基礎(chǔ)總匯
時(shí)間:2023-08-10 01:45:01 | 來源:網(wǎng)站運(yùn)營
時(shí)間:2023-08-10 01:45:01 來源:網(wǎng)站運(yùn)營
HTML基礎(chǔ)總匯:
HTML(Hyper Text Markup Language)稱為超文本標(biāo)記語言,是一種標(biāo)識(shí)性的語言。
HTML特點(diǎn):
HTML不需要編譯,直接有瀏覽器執(zhí)行
HTML文件是一個(gè)文本文件
HTML文件必須使用html或htm為文件名后綴
HTML大小寫不敏感,HTML與html一樣
整體結(jié)構(gòu):
頭部內(nèi)容
標(biāo)記符< html>:說明該文件是用超文本標(biāo)記語言來描述的,它是文件的開頭,而</html>則表示該文件的結(jié)尾,它們是超文本標(biāo)記語言文件的開始標(biāo)記和結(jié)尾標(biāo)記。
<head></head>:這2個(gè)標(biāo)記符分別表示頭部信息的開始和結(jié)尾。頭部中包含的標(biāo)記是頁面的標(biāo)題、序言、說明等內(nèi)容,它本身不作為內(nèi)容來顯示,但影響網(wǎng)頁顯示的效果。頭部中最常用的標(biāo)記符是標(biāo)題標(biāo)記符和meta標(biāo)記符,其中標(biāo)題標(biāo)記符用于定義網(wǎng)頁的標(biāo)題,它的內(nèi)容顯示在網(wǎng)頁窗口的標(biāo)題欄中,網(wǎng)頁標(biāo)題可被瀏覽器用做書簽和收藏清單。
主體內(nèi)容
<body></body>;,網(wǎng)頁中顯示的實(shí)際內(nèi)容均包含在這2個(gè)正文標(biāo)記符之間。正文標(biāo)記符又稱為實(shí)體標(biāo)記。
Html基礎(chǔ)語法:
<html><head><title>hello</title></head><body bgcolor="red"> <p>Hello html!</p> <hr/></body></html>
文檔聲明和META標(biāo)簽:
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> hello html! HTML是超文本標(biāo)記語言!</body></html>
文字和段落標(biāo)簽:
標(biāo)題標(biāo)簽:<h1></h1>~<h6></h6>
段落標(biāo)簽:<p> <p/>
align對齊屬性值:
left:左對齊內(nèi)容
right:右對齊內(nèi)容
center:居中對齊內(nèi)容
justify:對行進(jìn)行伸展,這樣每行都可以有相等的長度
換行標(biāo)簽:<br/>
空格: 
格式化標(biāo)簽:<pre> </pre>
實(shí)例:
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <h1>什么是HTML</h1> <h2>什么是HTML</h2> <h3>什么是HTML</h3> <h4>什么是HTML</h4> <h5>什么是HTML</h5> <h6>什么是HTML</h6> <p>HTML(Hyper Text Markup Language)稱為超文本標(biāo)記語言,是一種標(biāo)識(shí)性的語言。</p> <p align="left">HTML(Hyper Text Markup Language)稱為超文本標(biāo)記語言,是一種標(biāo)識(shí)性的語言。</p> <p align="right">HTML(Hyper Text Markup Language)稱為超文本標(biāo)記語言,是一種標(biāo)識(shí)性的語言。</p> <p align="center">HTML(Hyper Text Markup Language)稱為超文本標(biāo)記語言,是一種標(biāo)識(shí)性的語言。</p> <p align="justify">HTML(Hyper Text Markup Language)稱為超文本標(biāo)記語言,是一種標(biāo)識(shí)性的語言。</p> <p>    HTML(Hyper Text Markup Language)稱為超文本標(biāo)記語言,是一種標(biāo)識(shí)性的語言。</p> <p>HTML(Hyper Text Markup Language)<br/>稱為超文本標(biāo)記語言,是一種標(biāo)識(shí)性的語言。</p> <pre> HTML(Hyper Text Markup Language)稱為超文本標(biāo)記語言,是一種標(biāo)識(shí)性的語言。</pre></body></html>
修飾標(biāo)簽和特殊符號(hào):
文字斜體:<i></i>、<em></em>
加粗:<b></b>、<strong></strong>
下標(biāo):<sub>
上標(biāo):<sup>
< < 小于或顯示標(biāo)記
> > 大魚號(hào)或顯示標(biāo)記
® ? 已注冊
© ? 版權(quán)
&trade ? 商標(biāo)
代碼就不給了太麻煩了!
列表標(biāo)簽
<ol> 定義有序列表。
<ul> 定義無序列表。
<li> 定義列表項(xiàng)。
<dl> 定義定義列表。
<dt> 定義定義項(xiàng)目。
<dd> 定義定義的描述。
type屬性值
disc 圓點(diǎn)
square 正方形
circle 空心圓
1 數(shù)字
a 小寫字母
A 大寫字母
i 小寫羅馬數(shù)字
I 大寫羅馬數(shù)字
無序列表實(shí)例:
<ul type="disc"><li>Coffee</li><li>Milk</li></ul><ul type="square"><li>Coffee</li><li>Milk</li></ul><ul type="circle"><li>Coffee</li><li>Milk</li></ul>
有序列表實(shí)例:
<ol type="1"><li>Coffee</li><li>Milk</li></ol><ol type="a"><li>Coffee</li><li>Milk</li></ol><ol type="A"><li>Coffee</li><li>Milk</li></ol>
定義列表:
自定義列表不僅僅是一列項(xiàng)目,而是項(xiàng)目及其注釋的組合。
自定義列表以 <dl> 標(biāo)簽開始。每個(gè)自定義列表項(xiàng)以 <dt> 開始。每個(gè)自定義列表項(xiàng)的定義以 <dd> 開始。
<dl><dt>Coffee</dt><dd>Black hot drink</dd><dt>Milk</dt><dd>White cold drink</dd></dl>
圖像標(biāo)簽:
語法:<img src "" alt = "" .../>
img屬性:
src URL 顯示圖像的URL
alt 文字 圖像替代文本
height 數(shù)值和百分比 圖像的高
width 數(shù)值和百分比 圖像的寬
超鏈接標(biāo)簽:
語法:<a href = “”>內(nèi)容</a>
herf:鏈接地址,可以是內(nèi)部或外部鏈接
屬性:
href 鏈接地址
target 鏈接的目標(biāo)窗口_self _blank _top _parent
title 鏈接提示文字
name 鏈接命名
定義錨:
<a href = “#錨名1”>目錄1</a>
<a href ="..." name = "錨名1"> 內(nèi)容 </a>
定義錨(不同頁面):
網(wǎng)頁1:<a href = “網(wǎng)頁名稱#錨名1”>...</a>
網(wǎng)頁2:<a name = "錨名1"> ... </a>
電子郵箱鏈接:
<a href = “mailto:郵箱地址”>...</a>
郵箱地址一定要完整?。?!記好筆記!?。?/b>
實(shí)例:
<a href="http://www.baidu.com">百度</a>
其他的鏈接方式把代碼往里套用即可?。?!