標簽
標簽語法
雙標簽:<開始標簽 屬性名=屬性值 屬性名2=屬性值2>內容</結束標簽>
單標簽: <標簽名 屬性=屬性值 屬性2=屬性值2>>或者<標簽名/>
<>----固定寫法
標簽名 -- 標簽名和前面的'<'、'/',或者和后面的'>'之間不能有空隙
名字必須寫 html提供的標簽(不是自己隨便命名的)
屬性 -- 屬性是由屬性名和屬性值組成,屬性名和屬性值之間用等號連接,多個屬性之間用空格隔開 屬性名一般不是自己命名,不同的標簽有不同的屬性
內容 -- 只有雙標簽才有,可以是任何東西(文本或者其他標簽)
常規標簽是由開始標簽和結束標簽兩個部分組成,單標簽沒有結束標簽。單標簽有哪些、雙標簽有哪些是固定的。
文本標簽
a.標題標簽
<h1>一級標簽</h1>
<h2>二級標簽</h2>
<h3>三級標簽</h3>
<h4>四級標簽</h4>
<h5>五級標簽</h5>
<h6>六級標簽</h6>
b.段落標簽
<p>內容</p>
c.字體標簽
<font>內容</font>
d. 強制換行和空格
<br/>--強制換行,單標簽
&emsp--代表一個空格
 --代表一個像素
e.文本效果標簽
<b></b> <strong></strong>----加粗
<i></i> <em></em> --- 傾斜
f.直線標簽
<hr/>---單標簽
2列表標簽
ol -- 有序列表標簽
<ol>
<li>一月</li>
<li>二月</li>
<li>三月</li>
</ol>
效果:
1.一月
2.二月
3.三月
ul -- 無序列表標簽
<ul>
<li>中國</li>
<li>日本</li>
<li>俄羅斯</li>
</ul>
效果:
語文
數學
英語
dl -- 自定義標簽
<dl>
<dt>文科</dt>
<dd>歷史</dd>
<dd>政治</dd>
<dd>地理</dd>
<dt>理科</dt>
<dd>wuli</dd>
<dd>huaxue</dd>
<dd>shengwu</dd>
<dt>綜合</dt>
<dd>語文</dd>
<dd>數學</dd>
<dd>英語</dd>
</dl>
效果:
文科
歷史
政治
地理
理科
wuli
huaxue
shengwu
綜合
語文
數學
英語
圖片標簽
<img /> -- 單標簽
src --- 圖片地址
title -- 圖片說明
alt --- 圖片加載說明
<img src="圖片地址" title="圖片說明" alt="圖片加載失敗說明" />
超鏈接標簽
<a href="連接地址" target="加載方式">內容</a>
href屬性 -- 確定點擊超鏈接后跳轉的位置
a.一個網頁地址 -- 跳轉到指定的網頁
b.一個本地的html地址
c.# 刷新網頁
d.選擇器 -- 讓網頁滾動到指定位置
target -- 加載新頁面的方式
_self -- 在當前頁面中加載新的頁面
_blank -- 在新的窗口中加載新的頁面
<a href="https//www.baidu.com" target="_blank">百度一下</a>
<a href="03圖片.html"><img src="img/t01eb2a96541358c67e.jpg" title="美女"/></a>
<a href="#">刷新</a>
<a href="#img1">回到圖片一</a>
表格標簽
1.border -- 設置邊框寬度,作用于table屬性
2.bordercolor--設置邊框顏色
3.cellspacing -- 設置單元格和單元格之間的間隙
4.cellpadding -- 單元格中的內容和單元格之間的間距
5.width -- 設置寬度
作為table屬性是作為整個表格的寬度,每一列的
寬度按比例分配
作為td屬性是設置所在列中的寬度
6.height --設置高度
作為table屬性,設置整個表格高度
作為tr屬性,設置每一行的高度
7.bgcolor--設置背景顏色
作為table屬性,設置整個表格的顏色
作為tr屬性,設置一行的背景顏色
作為td屬性,設置指定單元格背景顏色
8.align -- 設置對齊方式(left,right,center)
做為table屬性就是讓表格在父標簽中居中
作為tr屬性,讓一行中所有單元格居中
作為td屬性,讓指定單元格內容居中
tr -- 行
td -- 列
<table>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
</table>
##細線表格
細線表格
首先將border設置為0
cellspacing大小設置為想要的寬度大小
設置整個表格的背景顏色為邊框顏色,保證每個單元格的顏色和背景顏色不一樣
<table width="600" height="400" cellspacing="1" bgcolor="black">
<tr bgcolor="aliceblue">
<td></td>
<td></td>
<td></td>
</tr>
<tr bgcolor="aliceblue">
<td></td>
<td></td>
<td></td>
</tr>
<tr bgcolor="aliceblue">
<td></td>
<td></td>
<td></td>
</tr>
</table>