网页标签
一: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)簽,換行,不空一行
空格,復(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é)
- 上一篇: 《自然语言处理(哈工大 关毅 64集视
- 下一篇: WD mycloud 加载过慢的时候注意