九色国产,午夜在线视频,新黄色网址,九九色综合,天天做夜夜做久久做狠狠,天天躁夜夜躁狠狠躁2021a,久久不卡一区二区三区

打開APP
userphoto
未登錄

開通VIP,暢享免費電子書等14項超值服

開通VIP
HTML 基礎(chǔ)知識
本資源引自:
HTML基礎(chǔ)知識 - cheney521的專欄 - 博客頻道 - CSDN.NET
http://blog.csdn.net/cheney521/article/details/8690168
------------------------------------------------------------------------------------------------------------------
HTML(Hyper Text Mark-up Language 超文本標(biāo)記語言)的縮寫,
標(biāo)記:就是用來描述網(wǎng)頁內(nèi)容的一些特定符號。
HTML不是編程語言,而是一種描述性的標(biāo)記語言,用于描述網(wǎng)頁中內(nèi)容的顯示方式,
比如文字以什么顏色、大小來顯示,這些都是利用html標(biāo)記來實現(xiàn)。
lHtml文檔的創(chuàng)建方式:用html語言創(chuàng)建的文檔
1、手工直接編寫(例如記事本)。
2、通過圖形化的HTML開發(fā)軟件 Dreamweaver。
3、由Web服務(wù)器上的動態(tài)網(wǎng)頁程序生成。
HTML 標(biāo)記的類型:單標(biāo)記與雙標(biāo)記
一、單標(biāo)記
(1).<標(biāo)記名稱 >
  單一型 , 無屬性值。
如: <br/>
(2).<標(biāo)記名稱屬性 = ” 屬性值 ” >
單一型,有屬性值。
如: <hrwidth= ” 80% ” / >
二、雙標(biāo)記
(3).<標(biāo)記名稱 >… </ 標(biāo)記名稱 >
  沒有屬性值。
如: <title>… </title>
(4).<標(biāo)記名稱屬性 = ” 屬性值 ” >… </ 標(biāo)記名稱 >
  有屬性值。
如: <bodybgcolor= ”red ” > … </body>
<fontsize= ” 7 ” > … </font>
1、雙標(biāo)記:<開始標(biāo)記>內(nèi)容</結(jié)束標(biāo)記>                                       
2、 單標(biāo)記:<標(biāo)記 />
3、標(biāo)記的屬性: <標(biāo)記 屬性1=參數(shù)1   屬性2=參數(shù)2…> 內(nèi)容 </標(biāo)記>
說明:
A、標(biāo)記與屬性、屬性與屬性之間以空格分隔
B、屬性不區(qū)分先后順序;且屬性不是必需的
重點強(qiáng)調(diào):
雖然在HTML中標(biāo)記不區(qū)別大小寫,但在XHTML中所有標(biāo)記都必須小寫?。。。。。?!
所以建議從現(xiàn)在開始,所有標(biāo)記都采用小寫 。
1、文檔結(jié)構(gòu)
所有的網(wǎng)頁文件,通常由四對標(biāo)記來構(gòu)成,文檔的骨架,它們是:
<html>
  <head>
  <title>  標(biāo)題  </title>
  </head>
  <body>
  正文
  </body>
</html>
l<html>……</html>標(biāo)識網(wǎng)頁文件的開始與結(jié)束,所有的html元素都要放在這對標(biāo)記中
l<head>……</head>標(biāo)識網(wǎng)頁文件的頭部信息,如標(biāo)題、搜索引擎關(guān)鍵字等
l<title>……</title>標(biāo)識網(wǎng)頁文件的標(biāo)題
l<body>……</body>標(biāo)識網(wǎng)頁文件的主體部分
Meta標(biāo)記:
用于定義文件信息, 對網(wǎng)頁文件進(jìn)行說明,便于搜索引擎查找。放置于<head></head>之間 。
設(shè)置關(guān)鍵字:<meta name=”keywords” content=”value”>多個關(guān)鍵字內(nèi)容之間可以用“,”分隔 。
設(shè)置描述:<meta name=”description” content=”value”>
設(shè)置作者:<meta name=”author” content=”作者名”>
設(shè)置字符集:<meta http-equiv=”content-type” content=”text/html;charset=gb2312”>
設(shè)置頁面定時跳轉(zhuǎn):<meta http-equiv="Refresh" content="2;URL=http://www.itcast.cn" />
網(wǎng)頁主體標(biāo)記body
(1)注釋
<!--注釋內(nèi)容-->
(2)body屬性
<body bgcolor=“背景顏色” 
background=“背景圖像” 
text=“文本顏色” 
link=“鏈接文本顏色” 
vlink=“訪問過的文本顏色” 
alink=“激活的鏈接文本顏色” 
leftmargin=“左邊界” 
rightmargin=“右邊界”
topmargin=“上邊界” 
bottommargin=“下邊界”>
字體修飾 
(1)<font>標(biāo)記
語法:
<font color="文本顏色" size="字號" face="字體">文本</font>
注:網(wǎng)頁中的文本字體、字號一般通過CSS修飾
(2)字符格式
加粗
傾斜
加強(qiáng)語氣(加粗)
加強(qiáng)語氣(傾斜)
下劃線
刪除線
上標(biāo)
下標(biāo)
(3)段落標(biāo)記:
格式: <p align= ” 對齊方式 “ > … </p>
屬性名稱 屬性值 說明
align   left     左對齊(默認(rèn))
                center    居中
                right     右對齊
(4)段落標(biāo)題
<hx align= ” 對齊方式 “ > … </hx>:段落標(biāo)題
說明:
X取值[1~6]  hx內(nèi)的文本會自動加粗顯示。
hx 針對的對象是段落,而 font 針對的對象的任意文本。
(5)<br />:換行(換行不換段)
(6).水平直線 <hr />
屬性名稱  屬性值  說明
size  像素 絕對設(shè)置,以數(shù)字表示, 屬性值越大,線越粗
百分比 相對設(shè)置,以 % 表示, 屬性值越大,線越粗
width  像素 絕對設(shè)置, 長度不會應(yīng)視窗的改變而改變
百分比 相對設(shè)置, 長度會隨著視窗寬度而改變
   noshade      ="noshade"      實體線, 
  在 HTML 4.01 中,不贊成使用 noshade 屬性; 
  在 XHTML 1.0 Strict DTD 中,不支持 noshade 屬性。
  請使用 CSS 代替。 
(7) 定義一個塊引用:使用文本縮進(jìn)
格式: <blockquote>...</blockquote>優(yōu)化有點用
屬性名稱  屬性值  說明
cite url  被引用的地址
(8) 居中標(biāo)記 <center>內(nèi)容</center>(被廢棄的標(biāo)簽,請使用 CSS 代替)
(9) 預(yù)格式化 <pre></pre>
顯示已經(jīng)格式化好的文字。不加此標(biāo)記的話,HTML瀏覽器會忽略所有空格和制表符。
因此, pre 標(biāo)簽很適合顯示計算機(jī)代碼 ,如 java 代碼 ?。?!
常配合<code></code>使用。
(10) 在HTML文檔中使用特殊字符:
空格 
版權(quán)號  ?&copy;
注冊商標(biāo)  ?&reg;
“"
&&
<<
>>
1、列表標(biāo)記用途:
[1]、無序列表 <ul>…</ul>
[2]、有序列表 <ol>…</ol>
[3]、定義列表 <dl>…</dl>

無序列表語法:
<ul type=“項目符號類型”>
<li type=“項目符號類型”>內(nèi)容1</li>
<li> 內(nèi)容2</li>
</ul>
<li></li> 表示一個項目
有序列表語法:
<ol start=“列表起點” type=“項目符號類型”> 
<li >內(nèi)容1</li>
<li >內(nèi)容2</li>
</ol> 
定義列表語法:
<dl> 
<dt>標(biāo)題1</dt> 
<dd>內(nèi)容1.1</dd>
<dd>內(nèi)容1.2</dd>
<dt>標(biāo)題2</dt>
 <dd>內(nèi)容2.1</dd>
<dd>內(nèi)容2.2</dd> 
</dl> 

<dl></dl>定義列表
<dt></dt>表示一個項目
<dd></dd>表示一個項目下的更詳細(xì)的內(nèi)容的解釋

圖片Web上支持的圖片格式
GIF(圖形交換格式):
GIF格式文件最多只能保存256種顏色。該格式支持透明色,支持動畫效果。
JPEG(聯(lián)合圖像專家組):
該格式不支持透明色及動畫,顏色可達(dá)1670萬種
PNG(網(wǎng)絡(luò)可移植格式):
該格式支持透明色,但不支持動畫,顏色從幾種至1670萬種。
圖片標(biāo)記 
<img src=“圖片的路徑” />
路徑
絕對路徑:提供目標(biāo)文檔的完整主機(jī)名稱、路徑信息、及文檔全稱
相對路徑:從當(dāng)前文檔開始的路徑
如果當(dāng)前文檔和目標(biāo)文檔位置平行,則直接書寫目標(biāo)文檔全稱
如果當(dāng)前文檔和目標(biāo)文檔所在文件夾位置平行,則書寫為 文件夾名稱/目標(biāo)文檔全稱
如果當(dāng)前文檔所在文件夾和目標(biāo)文檔位置平行,則書寫為 ../目標(biāo)文檔全稱 
根相對路徑:從站點根目錄開始的路徑,以"/"開頭
屬性:
src 圖片的路徑
alt 規(guī)定圖片的替代文本[圖片無法顯示時]
title 鼠標(biāo)懸停時顯示的內(nèi)容
width 設(shè)置圖片寬
height 設(shè)置圖片高
border 不推薦使用。設(shè)置圖象邊框。
align  不推薦使用,即將棄用,請用 CSS 代之。
vspace 不推薦使用。定義圖像頂部和底部的空白(垂直邊距)
hspace 不推薦使用。定義圖像左側(cè)和右側(cè)的空白(水平邊距)。
本站僅提供存儲服務(wù),所有內(nèi)容均由用戶發(fā)布,如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容,請點擊舉報。
打開APP,閱讀全文并永久保存 查看更多類似文章
猜你喜歡
類似文章
常用的HTML標(biāo)記
HTML概念、語法及常用基礎(chǔ)標(biāo)簽
前端基礎(chǔ)入門(一)-HTML-HTML基礎(chǔ)
前端(web)知識-html
前端入門—HTML篇(禿頭之路正式開啟)
html篇
更多類似文章 >>
生活服務(wù)
熱點新聞
分享 收藏 導(dǎo)長圖 關(guān)注 下載文章
綁定賬號成功
后續(xù)可登錄賬號暢享VIP特權(quán)!
如果VIP功能使用有故障,
可點擊這里聯(lián)系客服!

聯(lián)系客服