网页标签
一:html:HyperText Mark-up Language 即超文本標記語言,主要分為以下幾個部分,開始標簽下面是head標簽,head標簽里面是標題欄,然后是body,即網頁上要顯示的內容
其擴展名為htm或者html。
<html>開始標簽
<head>網頁上的控制信息
里面是控制性的東西
<title>標題欄</title> 頁面標題
</head>
<body>頁面上顯示的內容
???? 這是第一個頁面
</body>
</html>結束標簽
注釋語法:
<!--被注釋掉的內容--> --HTML中的注釋語法
二:body中的內容:
通用標簽分為兩類:
1.格式控制標簽
<font color="" face="" size=""></font>控制字體 color=" #FFFF00"? 顏色,前兩個紅,中間兩個綠,后面兩個藍--三基色的十六進制表示
網頁配色方案圖譜記錄下來
<b></b>加粗?? <strong></strong> 加粗,顯示效果一樣,強調語氣,主要是用來百度搜索的,百度爬蟲會注意這里面的東西
<i></i>傾斜??? <em></em>傾斜
<u></u>下劃線
<br/>單標簽,換行,不空一行
空格,復制一個是一個空格,ctrl+shift空格
<center></center>居中
2.內容容器標簽
<h1></h1>......<h6></h6> 一號到六號標題,六號標題最小,標題自動換行
<p></p>段落標簽,換行默認空一行
<div></div>層標簽,換行
<span></span>層標簽,不換行,放在span里的東西可以單獨用樣式表來做的特殊點
<ol type="1"></ol>自動寫1,2,3標簽,有序列表標簽
<ul type=" "></ul>無序的符號
<li></li> 標簽定義列表項目,放在ol或ul里面
屬性:
<body backgroud="image/0019.jpg"背景圖片平鋪,文件存放路徑image 相對路徑,從當前頁面開始找,../image/0019.jpg,../是上一級目錄./是當前目錄
?bgcolor="#990000"頁面的背景顏色
?text="#ffff00" 文字顏色?
topmargin="0" leftmargin rightmargin bottommargin 上邊距,左,右,下邊距? >
相對路徑,從當前頁面開始找,絕對路徑,從網站的根開始找,/代表網站的根
三:常用/常見標簽:
1.超鏈接標簽
<a href="超鏈接指向的頁面">超鏈接的文字</a>
<a href="http://www.sina.com.cn" target="_blank"(target打開的形式,在新窗口打開)> 打開新浪網</a>
超鏈接的文字如何設置
超鏈接的目標頁面如何設置
超連接的打開位置如何設置
2.圖片標簽
<img src="路徑"(source來源 ) alt="李小璐"(圖片掛的時候顯示替代文字)?? width=""height=""(寬和高設置,設置一個按比例縮放)? />? img標簽是單標簽
3.表格標簽
<table></table> 表格標簽 屬性:
wideth:表格的寬度。像素,百分比 width=300,300像素寬,width=100%,最大。一般設置為960,外圍定死。
border:邊框,一般設為0
cellpadding:邊距,格內容和邊的距離,一般設為0
cellspacing:間距,格子之間的距離,一般設為0
align:對齊方式,整個表對齊
bgcolor:背景色
backgroud:背景圖片
<tr></tr> 一行,行標簽,必須放在table里面
bgcolor:這一行的背景色
align:對齊方式,行中的內容對齊,設置會把一行都設置了
valign:豎直對齊方式。
height:行高
<td></td> 單元格標簽,行里Ian的格子,必須放在tr里面
bgcolor:單元格的背景色
align:該單元格中內容的水平對齊方式
valign:豎直對齊方式
width:單元格的寬度,像素,百分比,設一個格會改變一列的
height:單元格的高度,設一個單元格的高度會改變這一行
<th></th>表頭,和td一樣,只是用在表頭,自動加粗居中
表格標簽可以用來進行網站的布局
4.單元格合并:少用,盡量多用表格嵌套
colspan:合并? colspan="n"? 合并同一行中的列,設置n,刪掉n-1個td
rowspan:合并同一列中的行,設置n,刪掉第2到第n行中的第一列
5.錨點:
<a name="first">第一章</a> 做一個錨點,也是用a但是不用href,起個名字能讓超鏈接找到就可以了
<a href="#first">超鏈接連接到錨點,#代表當前頁面,<a href="Untitled-1.html#first">超鏈接到untitled-1.html頁面的first錨點
?
轉載于:https://www.cnblogs.com/Alvin-ftd/p/3973571.html
總結
- 上一篇: 《自然语言处理(哈工大 关毅 64集视
- 下一篇: WD mycloud 加载过慢的时候注意