2、標(biāo)記有雙標(biāo)記和單標(biāo)記兩種類型。

雙標(biāo)記語法：<標(biāo)記> </" />

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

15158846557 或 在線咨詢 在線咨詢
15158846557 或 在線咨詢
所在位置： 首頁 > 營銷資訊 > 網(wǎng)站運(yùn)營 > 學(xué)制作網(wǎng)頁：第二篇 HTML

學(xué)制作網(wǎng)頁：第二篇 HTML

時(shí)間：2023-07-26 02:21:02 | 來源：網(wǎng)站運(yùn)營

時(shí)間：2023-07-26 02:21:02 來源：網(wǎng)站運(yùn)營

學(xué)制作網(wǎng)頁：第二篇 HTML：

Learning is a long-term thing

HTML（一）基礎(chǔ)內(nèi)容

一、HTML文檔由標(biāo)記和屬性組成。

1、標(biāo)記向頁面中添加頁面元素，屬性是標(biāo)記的補(bǔ)充。

2、標(biāo)記有雙標(biāo)記和單標(biāo)記兩種類型。

雙標(biāo)記語法：<標(biāo)記> </標(biāo)記>

單標(biāo)記語法：<標(biāo)記 /> 如<br />、<hr />

3、屬性語法：<標(biāo)記名稱 屬性名1="屬性值" 屬性名2="屬性值">

二、HTML文檔結(jié)構(gòu)

<!DOCTYPE html><html> <head> <title> </title> </head> <body> </body></html> DOCTYPE：樣本代碼，使用哪個(gè) HTML 版本進(jìn)行編寫的指令。

HTML：文檔標(biāo)記，表示該文件的類型為HTML文件。

HEAD：頭標(biāo)記，里面有TITLE標(biāo)題標(biāo)記和META元數(shù)據(jù)標(biāo)記[1]。

BODY：體標(biāo)記，瀏覽器顯示的頁面內(nèi)容，文字內(nèi)容要在這里面輸入。

三、HTML標(biāo)記分類

1、基本標(biāo)記

2、文字與段落標(biāo)記

3、列表標(biāo)記

4、超鏈接標(biāo)記

5、表格標(biāo)記

6、框架標(biāo)記

7、表單標(biāo)記

8、多媒體標(biāo)記

9、其他標(biāo)記：注釋標(biāo)記 <! --注釋內(nèi)容-->

四、需要注意??！

1、“<”和“>”是任何標(biāo)記的開始和結(jié)束。

2、標(biāo)記可以嵌套使用，但不能交叉使用

3、文件擴(kuò)展名為.html&.htm

4、空格回車在HTML中不起作用

5、文件名由英文字母、數(shù)字或下劃線組成（注意中文?。。。。?br>
6、編碼中不能有中文

7、建議不同標(biāo)記單獨(dú)占一行

8、優(yōu)秀的編碼是要有注釋的

9、html是不會自動檢測出錯(cuò)誤來的，編碼時(shí)需要仔細(xì)

10、在HBuilder中寫HTML需要在<head>里寫入<meta charset="utf-8">才可以順利執(zhí)行，記事本里不用寫，寫了反而會出錯(cuò)

HTML（二）文字內(nèi)容段落

一、文字內(nèi)容

文字內(nèi)容在<body>與</body>標(biāo)記之間添加

1、通文字直接輸入

2、標(biāo)題字：#填數(shù)字1~6，標(biāo)題文字有6個(gè)級別可選，每種都不一樣

<h#>標(biāo)題文字</h#>3、空格： &nbsp

4、特殊符號

顯示說明HTML
半角大的空白&ensp;
全角大的空白&emsp;
不斷行的空白格&nbsp;
<小于&lt;
>大于&gt;
&&符號&amp;
“雙引號&quot;
?版權(quán)&copy;
?已注冊商標(biāo)&reg;
?商標(biāo)（美國）&#8482;
×乘號&times;
÷除號&divide;

二、文字樣式

1、普通文字標(biāo)記<font>

<font face=“ 字體” size=“字號 ” color=“ 顏色” >…</font>2、基底文字標(biāo)記<basefont>

<basefont face=“ 字體 ” size=“ 字號” color=“顏色 ” > face屬性定義字體，可一次定義多個(gè)字體，字體之間用逗號分隔。size屬性定義字號，取值為1~7，也可以用+或-來設(shè)置相對值 。color屬性定義顏色，其值為該顏色的英文單詞或十六進(jìn)制數(shù)值。

3、粗體：

<b>…</b>斜體：

<i>…</i>下劃線：

<u>…</u>刪除線：

<strike>…</strike>

三、段落標(biāo)記

1、因?yàn)樵谖谋揪庉嬈髦休斎氲幕剀嚳崭駥⒈籋TML忽略，所以要在網(wǎng)頁中開始一個(gè)段落需要通過使用標(biāo)記<p>來實(shí)現(xiàn)。段落標(biāo)記：

<p align=“l(fā)eft/center/right”>…</p>2、換行標(biāo)記：

<br />3、居中標(biāo)記： 該標(biāo)記也可以使圖片等網(wǎng)頁元素居中顯示

<center>…</center>4、水平分割線：

<hr width=" " size=" " color=" " align=" " noshade>也可以直接寫 <hr>，屬性值均為默認(rèn)值。width定義水平線的長度；size定義水平線的寬度；color定義水平線的顏色；align定義水平線的對齊方式；noshade定義水平線不出現(xiàn)陰影

四、文本語義標(biāo)記

time：定義時(shí)間或日期。datetime用于定義相應(yīng)的時(shí)間或日期，pubdate用于定義time標(biāo)簽中的文檔（或article元素）發(fā)布日期。

mark：在文本中高亮顯示某些字符

cite：以創(chuàng)建一個(gè)引用，用于對文檔引用參考文獻(xiàn)的說明，一旦在文檔中使用了該標(biāo)簽，被標(biāo)注的文檔內(nèi)容將以斜體的樣式展示在頁面中。

五、插入圖像

1、常用圖像格式：.PNG 、.GIF和.JPEG

PNG圖像文件格式:是Fireworks文件格式圖像使用的是高速的交替顯示方案，顯示速度很快；圖像可以是灰階的（16位）或彩色的（48位），也可以是8位的索引色。

GIF圖像文件格式：非失真壓縮方式，適用于顏色較少的情況，支持背景透明色，最多只能處理256種色彩，故不能用于存儲真彩色的圖像文件。

JPEG(JPG)圖像文件格式：失真壓縮方式，顏色數(shù)目多，可選擇壓縮比例的靜態(tài)圖像格式。

2、插入圖像標(biāo)記是單標(biāo)<img>，語法：

<img src=“url” … />3、圖像的屬性

屬性屬性值描述
srcURL圖像的路徑
alt文本圖像不能顯示時(shí)的替換文本
title文本鼠標(biāo)懸停時(shí)顯示的內(nèi)容 程序6-3
width像素（XHTML不支持%頁面百分比）設(shè)置圖像的寬度
height像素（XHTML不支持%頁面百分比）設(shè)置圖像的高度
border數(shù)字設(shè)置圖像邊框的寬度
vspace像素設(shè)置圖像頂部和底部的空白（垂直邊距）
hspace像素設(shè)置圖像左側(cè)和右側(cè)的空白（水平邊距）
alignleft將圖像對齊到左邊
alignright將圖像對齊到右邊
aligntop將圖像的頂端和文本的第一行文字對齊，其他文字居圖像下方
alignmiddle將圖像的水平中線和文本的第一行文字對齊，其他文字居圖像下方

六、路徑（不論是HTML還是CSS都是通用的）

1、文檔相對路徑 (Relative Parth) 適用于在同一盤符下的

對于大多數(shù)web站點(diǎn)的本地連接來說文檔相對路徑通常是最合適的路徑。

(1)同一目錄的文件引用，直接寫文件名即可，例如：

<img src="圖片.jpg" /> (2)表示上級目錄：../上一級，../../上上級，以次類推，例如：

<img src="../圖片.jpg" /> (3)表示下級目錄，直接寫下級目錄文件的路徑，例如：

<img src="images/pro1.jpg" />2、根相對路徑（site root）也稱相對根目錄，適用于在不同的盤符下的

描述從站點(diǎn)的根文件夾到文檔的路徑。此種路徑以“/”開頭，如“/images/a001.jpg”

在處理使用多個(gè)服務(wù)器的大型Web站點(diǎn)，或在使用承載多個(gè)站點(diǎn)的服務(wù)器，則可能需要使用此種路徑

如不熟悉此種路徑，請堅(jiān)持使用文檔相對路徑。

3、絕對路徑 (Absolute Path)

指包括服務(wù)器規(guī)范在內(nèi)的帶域名的完整路徑，例如：

https://www.google.cn/

HTML（三）列表

1、含義

在網(wǎng)頁中將相關(guān)資料以條目的形式排列而形成的表。

2、列表分類

無序列表、有序列表、無序列表、定義列表、目錄列表和菜單列表。

列表類型標(biāo)記符號
無有序列<ul>
有序列表<ol>
定義列表<dl>
目錄列表<dir>
菜單列表<menu>
無序列表：沒有特定順序的相關(guān)條目集合，沒有先后順序之分，它們之間以一個(gè)項(xiàng)目符號來標(biāo)記。

有序列表：有特定順序的相關(guān)條目的集合，各個(gè)列表項(xiàng)有先后順序之分，他們之間以編號來標(biāo)記。

定義列表：用于組織術(shù)語及其定義。術(shù)語獨(dú)占一行并頂滿格顯示，定義另起一行并縮進(jìn)。還可以用于組織常見問題及答案

菜單列表：通常用于顯示一個(gè)簡單的單列列表，一般不做嵌套。

目錄列表：通常用于顯示一個(gè)多列的文件列表，可做嵌套。

3、語法

無序列表:

<ul> <li>項(xiàng)目名稱</li> <li>項(xiàng)目名稱</li> <li>項(xiàng)目名稱</li> ……</ul>有序列表：

<ol> <li></li> <li></li> <li></li> ……</ol>定義列表：

<dl> <dt> …</dt> <dd> …</dd> <dd>… </dd> …… <dt> …</dt> <dd> …</dd> <dd>… </dd> …… ……</dl> 菜單列表：

<menu> <li>項(xiàng)目名稱</li> <li>項(xiàng)目名稱</li> <li>項(xiàng)目名稱</li> …… </menu> 目錄列表：

<dir> <li>項(xiàng)目名稱</li> <li>項(xiàng)目名稱</li> <li>項(xiàng)目名稱</li> …… </dir>4、列表的嵌套

列表可以嵌套使用，也就是一個(gè)列表中還可以包含有多層子列表。

對于內(nèi)容層次較多的情況，使用嵌套列表其內(nèi)容看起來更加清晰明了。

嵌套的列表可以是無序列表的嵌套，也可以是有序列表的嵌套，還可以是無序列表和有序列表的混合嵌套。



參考

  1. ^META元數(shù)據(jù)標(biāo)記?https://baike.baidu.com/item/meta/4265710

關(guān)鍵詞：學(xué)制

74
73
25
news

版權(quán)所有? 億企邦 1997-2025 保留一切法律許可權(quán)利。

為了最佳展示效果，本站不支持IE9及以下版本的瀏覽器，建議您使用谷歌Chrome瀏覽器。 點(diǎn)擊下載Chrome瀏覽器
關(guān)閉