HTML的基礎組件之一就是段落。使用“<p>”和(hé)“</p>”标簽來(lái)定義段落。例如:
超鏈接是指向其他頁面或站(zhàn)點的鏈接。使用“<a href=https://www.yunbuluo.net/xueyuan/”>”和(hé)“</a>”标簽來(lái)創建超鏈接,其中href屬性指定鏈接的URL。例如:
圖像可(kě)以增強頁面的視(shì)覺效果并傳達更多(duō)的信息。使用“<img src=https://www.yunbuluo.net/xueyuan/” alt=”/>”标簽來(lái)插入圖像,其中src屬性指定圖像文件的路徑,而alt屬性包含在圖像無法顯示時(shí)顯示的替代文本。例如:
表格是網頁中呈現數(shù)據的一種主要方式。使用“<table>”、“<tr>”和(hé)“<td>”标簽分别定義表格、行(xíng)和(hé)單元格。例如:
使用“<ul>”或“<ol>”标簽創建無序列表或有(yǒu)序列表,然後使用“<li>”标簽定義列表項。例如:
表單是用于收集用戶輸入的組件。使用“<form>”标簽創建表單,并使用“<input>”标簽定義輸入字段。例如:
CSS可(kě)用于控制(zhì)網頁的外觀和(hé)排版。可(kě)以使用“<style>”标簽将CSS樣式添加到HTML文檔中。例如:
以上(shàng)代碼片段隻是HTML語言中的冰山(shān)一角。但(dàn)是,它們可(kě)幫助您構建基本的網頁結構和(hé)樣式,并為(wèi)您提供更多(duō)學習的啓示。現在,嘗試利用這些(xiē)HTML代碼創建自己的網站(zhàn)吧(ba)!
HTML5的文檔聲明(míng)
<!DOCTYPE html>
上(shàng)面的代碼塊是HTML5的文檔聲明(míng),聲明(míng)當前的網頁是按照HTML5的标準編寫的。
編寫網頁時(shí),一定要将HTML5的文檔聲明(míng)寫在網頁的最上(shàng)面,如果不寫文檔聲明(míng),則會(huì)導緻有(yǒu)些(xiē)浏覽器(qì)進入怪異模式。進入怪異模式以後,浏覽器(qì)解析頁面會(huì)導緻頁面無法正常顯示,所以為(wèi)了避免進入該模式,一定要寫文檔聲明(míng)。
常用的文檔聲明(míng)
HTML5
<!DOCTYPE html>
HTML 4.01
<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN”
“http://www.w3.org/TR/html4/loose.dtd”>
XHTML 1.0
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN”
“http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
注意:<!DOCTYPE> 不是 HTML 标簽。它為(wèi)浏覽器(qì)提供一項信息(聲明(míng)),即 HTML 是用什麽版本編寫的。
為(wèi)了兼容一些(xiē)舊(jiù)的頁面,浏覽器(qì)當中設置了兩種解析模式:
Standards Mode 标準模式
Quirks Mode 怪異模式
怪異模式解析網頁時(shí)會(huì)産生(shēng)一些(xiē)不可(kě)預期的行(xíng)為(wèi),我們應避免怪異模式的出現。
文件類型<HTML></HTML> (放在檔案的開(kāi)頭與結尾)
文件主題<TITLE></TITLE> (必須放在「文頭」區(qū)塊內(nèi))
文頭<HEAD></HEAD> (描述性資料,像是「主題」)
文體(tǐ)<BODY></BODY> (文件本體(tǐ))
标題<H?></H?> (從1到6,有(yǒu)六層選擇)
标題的對齊 <H?ALIGN=LEFT|CENTER|RIGHT></H?>
區(qū)分<DIV></DIV>
區(qū)分的對齊 <DIVALIGN=LEFT|RIGHT|CENTER|JUSTIFY></DIV>
引文區(qū)塊<BLOCKQUOTE></BLOCKQUOTE> (通(tōng)常會(huì)內(nèi)縮)
強調<EM></EM> (通(tōng)常會(huì)以斜體(tǐ)顯示)
特别強調<STRONG></STRONG> (通(tōng)常會(huì)以加粗顯示)
引文<CITE></CITE> (通(tōng)常會(huì)以斜體(tǐ)顯示)
碼<CODE></CODE> (顯示原始碼之用)
樣本<SAMP></SAMP>
鍵盤輸入<KBD></KBD>
變數(shù)<VAR></VAR>
定義<DFN></DFN> (有(yǒu)些(xiē)浏覽器(qì)不提供)
地址 <ADDRESS></ADDRESS>
大(dà)字<BIG></BIG>
小(xiǎo)字<SMALL></SMALL>
加粗<B></B>
斜體(tǐ)<I></I>
底線<U></U> (尚有(yǒu)些(xiē)浏覽器(qì)不提供)
删除線<S></S> (尚有(yǒu)些(xiē)浏覽器(qì)不提供)
下标<SUB></SUB>
上(shàng)标<SUP></SUP>
打字機體(tǐ)<TT></TT> (用單空(kōng)格字型顯示)
預定格式<PRE></PRE> (保留文件中空(kōng)格的大(dà)小(xiǎo))
預定格式的寬度<PRE WIDTH=?></PRE>(以字元計(jì)算(suàn))
向中看齊<CENTER></CENTER> (文字與圖片都可(kě)以)
閃耀<BLINK></BLINK> (有(yǒu)史以來(lái)最被嘲弄的标簽)
字體(tǐ)大(dà)小(xiǎo) <FONTSIZE=?></FONT>(從1到7)
改變字體(tǐ)大(dà)小(xiǎo) <FONTSIZE=+|-?></FONT>
基本字體(tǐ)大(dà)小(xiǎo) <BASEFONTSIZE=?> (從1到7; 內(nèi)定為(wèi)3)
字體(tǐ)顔色 <FONTCOLOR=”#$$”></FONT>($$為(wèi)顔色代碼)
1)貼圖:<img src=https://www.yunbuluo.net/xueyuan/”圖片地址”>
2)加入連接:<a href=https://www.yunbuluo.net/xueyuan/”所要連接的相關地址”>寫上(shàng)你(nǐ)想寫的字</a>
3)在新窗口打開(kāi)連接:<a href=https://www.yunbuluo.net/xueyuan/”相關地址” target=”_blank”>寫上(shàng)要寫的字</a>
4)移動字體(tǐ)(走馬燈):<marquee>寫上(shàng)你(nǐ)想寫的字</marquee>
5)字體(tǐ)加粗:<b>寫上(shàng)你(nǐ)想寫的字</b>
6)字體(tǐ)斜體(tǐ):<i>寫上(shàng)你(nǐ)想寫的字</i>
7)字體(tǐ)下劃線: <u>寫上(shàng)你(nǐ)想寫的字</u>
8)字體(tǐ)删除線: <s>寫上(shàng)你(nǐ)想寫的字</s>
9)字體(tǐ)加大(dà): <big>寫上(shàng)你(nǐ)想寫的字</big>
10)字體(tǐ)控制(zhì)大(dà)小(xiǎo):<h1>寫上(shàng)你(nǐ)想寫的字</h1> (其中字體(tǐ)大(dà)小(xiǎo)可(kě)從h1-h5,h1最大(dà),h5最小(xiǎo))
11)更改字體(tǐ)顔色:<font color=”#value”>寫上(shàng)你(nǐ)想寫的字</font>(其中value值在000000與ffffff(16位進制(zhì))之間(jiān)
12)消除連接的下劃線:<a href=https://www.yunbuluo.net/xueyuan/”相關地址” style=”text-decoration:none”>寫上(shàng)你(nǐ)想寫的字</a>
13)貼音(yīn)樂:<embed src=https://www.yunbuluo.net/xueyuan/”音(yīn)樂地址” width=”寬度” height=”高(gāo)度” autostart=false>
14)貼flash: <embed src=https://www.yunbuluo.net/xueyuan/”flash地址” width=”寬度” height=”高(gāo)度”>
15)貼影(yǐng)視(shì)文件:<img dynsrc=”文件地址” width=”寬度” height=”高(gāo)度” start=mouseover>
16)換行(xíng):<br>
17)段落:<p>段落</p>
18)原始文字樣式:<pre>正文</pre>
19)換帖子背景:<body background=”背景圖片地址”>
20)固定帖子背景不随滾動條滾動:<body background=”背景圖片地址” bodybgproperties=fixed>
21)定制(zhì)帖子背景顔色:<body bgcolor=”#value”>(value值見10)
22)帖子背景音(yīn)樂:<bgsound=”背景音(yīn)樂地址” loop=infinite>
23)貼網頁:<iframe. src=https://www.yunbuluo.net/xueyuan/”相關地址” width=”寬度” height=”高(gāo)度”></iframe>
*請(qǐng)認真填寫需求信息,我們會(huì)在24小(xiǎo)時(shí)內(nèi)與您取得(de)聯系。