日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問 生活随笔!

生活随笔

當(dāng)前位置: 首頁 > 编程资源 > 编程问答 >内容正文

编程问答

网页标签

發(fā)布時(shí)間:2024/1/1 编程问答 33 豆豆
生活随笔 收集整理的這篇文章主要介紹了 网页标签 小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.

一:html:HyperText Mark-up Language 即超文本標(biāo)記語言,主要分為以下幾個(gè)部分,開始標(biāo)簽下面是head標(biāo)簽,head標(biāo)簽里面是標(biāo)題欄,然后是body,即網(wǎng)頁上要顯示的內(nèi)容

其擴(kuò)展名為htm或者h(yuǎn)tml。

<html>開始標(biāo)簽

<head>網(wǎng)頁上的控制信息
里面是控制性的東西
<title>標(biāo)題欄</title> 頁面標(biāo)題

</head>

<body>頁面上顯示的內(nèi)容
???? 這是第一個(gè)頁面
</body>

</html>結(jié)束標(biāo)簽

注釋語法:

<!--被注釋掉的內(nèi)容--> --HTML中的注釋語法

二:body中的內(nèi)容:

通用標(biāo)簽分為兩類:

1.格式控制標(biāo)簽

<font color="" face="" size=""></font>控制字體 color=" #FFFF00"? 顏色,前兩個(gè)紅,中間兩個(gè)綠,后面兩個(gè)藍(lán)--三基色的十六進(jìn)制表示
網(wǎng)頁配色方案圖譜記錄下來
<b></b>加粗?? <strong></strong> 加粗,顯示效果一樣,強(qiáng)調(diào)語氣,主要是用來百度搜索的,百度爬蟲會(huì)注意這里面的東西
<i></i>傾斜??? <em></em>傾斜
<u></u>下劃線
<br/>單標(biāo)簽,換行,不空一行
&nbsp;空格,復(fù)制一個(gè)是一個(gè)空格,ctrl+shift空格
<center></center>居中

2.內(nèi)容容器標(biāo)簽

<h1></h1>......<h6></h6> 一號(hào)到六號(hào)標(biāo)題,六號(hào)標(biāo)題最小,標(biāo)題自動(dòng)換行
<p></p>段落標(biāo)簽,換行默認(rèn)空一行
<div></div>層標(biāo)簽,換行
<span></span>層標(biāo)簽,不換行,放在span里的東西可以單獨(dú)用樣式表來做的特殊點(diǎn)
<ol type="1"></ol>自動(dòng)寫1,2,3標(biāo)簽,有序列表標(biāo)簽
<ul type=" "></ul>無序的符號(hào)
<li></li> 標(biāo)簽定義列表項(xiàng)目,放在ol或ul里面

屬性:

<body backgroud="image/0019.jpg"背景圖片平鋪,文件存放路徑image 相對(duì)路徑,從當(dāng)前頁面開始找,../image/0019.jpg,../是上一級(jí)目錄./是當(dāng)前目錄

?bgcolor="#990000"頁面的背景顏色
?text="#ffff00" 文字顏色?
topmargin="0" leftmargin rightmargin bottommargin 上邊距,左,右,下邊距? >

相對(duì)路徑,從當(dāng)前頁面開始找,絕對(duì)路徑,從網(wǎng)站的根開始找,/代表網(wǎng)站的根

三:常用/常見標(biāo)簽:

1.超鏈接標(biāo)簽
<a href="超鏈接指向的頁面">超鏈接的文字</a>

<a href="http://www.sina.com.cn" target="_blank"(target打開的形式,在新窗口打開)> 打開新浪網(wǎng)</a>
超鏈接的文字如何設(shè)置
超鏈接的目標(biāo)頁面如何設(shè)置
超連接的打開位置如何設(shè)置

2.圖片標(biāo)簽
<img src="路徑"(source來源 ) alt="李小璐"(圖片掛的時(shí)候顯示替代文字)?? width=""height=""(寬和高設(shè)置,設(shè)置一個(gè)按比例縮放)? />? img標(biāo)簽是單標(biāo)簽

3.表格標(biāo)簽
<table></table> 表格標(biāo)簽 屬性:
wideth:表格的寬度。像素,百分比 width=300,300像素寬,width=100%,最大。一般設(shè)置為960,外圍定死。
border:邊框,一般設(shè)為0
cellpadding:邊距,格內(nèi)容和邊的距離,一般設(shè)為0
cellspacing:間距,格子之間的距離,一般設(shè)為0

align:對(duì)齊方式,整個(gè)表對(duì)齊
bgcolor:背景色
backgroud:背景圖片

<tr></tr> 一行,行標(biāo)簽,必須放在table里面
bgcolor:這一行的背景色
align:對(duì)齊方式,行中的內(nèi)容對(duì)齊,設(shè)置會(huì)把一行都設(shè)置了
valign:豎直對(duì)齊方式。
height:行高

<td></td> 單元格標(biāo)簽,行里Ian的格子,必須放在tr里面
bgcolor:單元格的背景色
align:該單元格中內(nèi)容的水平對(duì)齊方式
valign:豎直對(duì)齊方式
width:單元格的寬度,像素,百分比,設(shè)一個(gè)格會(huì)改變一列的
height:單元格的高度,設(shè)一個(gè)單元格的高度會(huì)改變這一行

<th></th>表頭,和td一樣,只是用在表頭,自動(dòng)加粗居中

表格標(biāo)簽可以用來進(jìn)行網(wǎng)站的布局

4.單元格合并:少用,盡量多用表格嵌套
colspan:合并? colspan="n"? 合并同一行中的列,設(shè)置n,刪掉n-1個(gè)td

rowspan:合并同一列中的行,設(shè)置n,刪掉第2到第n行中的第一列

5.錨點(diǎn):

<a name="first">第一章</a> 做一個(gè)錨點(diǎn),也是用a但是不用href,起個(gè)名字能讓超鏈接找到就可以了
<a href="#first">超鏈接連接到錨點(diǎn),#代表當(dāng)前頁面,<a href="Untitled-1.html#first">超鏈接到untitled-1.html頁面的first錨點(diǎn)

?

轉(zhuǎn)載于:https://www.cnblogs.com/Alvin-ftd/p/3973571.html

總結(jié)

以上是生活随笔為你收集整理的网页标签的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò),歡迎將生活随笔推薦給好友。