HTML文件是一個(gè)文本文件

HTML文件必須使用html或htm為文件名后綴

HTML大小寫不敏感,H" />

国产成人精品无码青草_亚洲国产美女精品久久久久∴_欧美人与鲁交大毛片免费_国产果冻豆传媒麻婆精东

15158846557 在線咨詢 在線咨詢
15158846557 在線咨詢
所在位置: 首頁 > 營銷資訊 > 網(wǎng)站運(yùn)營 > HTML基礎(chǔ)總匯

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/>

空格:&nbsp

格式化標(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>&nbsp&nbsp&nbsp 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>

&lt < 小于或顯示標(biāo)記

&gt > 大魚號(hào)或顯示標(biāo)記

&reg ? 已注冊

&copy ? 版權(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>其他的鏈接方式把代碼往里套用即可?。?!

關(guān)鍵詞:基礎(chǔ),總匯

74
73
25
news
  • 網(wǎng)站
  • 營銷
  • 設(shè)計(jì)
  • 運(yùn)營
  • 優(yōu)化
  • 效率
  • 專注
  • 電商
  • 方案
  • 推廣
為了最佳展示效果,本站不支持IE9及以下版本的瀏覽器,建議您使用谷歌Chrome瀏覽器。 點(diǎn)擊下載Chrome瀏覽器
關(guān)閉