全網整合營銷服務商

電(diàn)腦(nǎo)端+手機端+微信端=數(shù)據同步管理(lǐ)

免費咨詢熱線:15252520342

網頁制(zhì)作(zuò)代碼大(dà)全

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)聯系。