HTML的介紹
一、什么是HTML ?
Hyper Text Mark Language(超文本標記語言)
- 超文本:可以完成文本不能完成的功能的一種特殊的文本。(含有超鏈接的文本)。
- 標記:標簽,一個標簽就能完成一項具體的功能。
- 語言:人與計算機溝通的橋梁。
二、HTML文件的各部分介紹
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<!-- 注釋 -->
我們是<font color="red" size="5">java—developer</font>
</body>
</html>
- 1)文檔聲明
- 2)根標簽
- 3)普通標簽
- 4)屬性
- 5)文本
- 6)注釋
HTML的基本標簽
一、排版標簽
- 標題標簽
- <h1></h1>
- 字體標簽
- <font></font>
- size:字體大小
- <font></font>
- 段落標簽:
- <p></p>
- 水平線標簽:
- <hr />
- 換行標簽:
- <br />
- 粗體標簽:
- <b></b>
- 斜體標簽
- <i></i>
二、圖片標簽
- 圖片標簽的屬性:
- src:圖片的路徑
- width:圖片的寬度
- height:圖片的高度
- alt:圖片提示
三、列表標簽
-
無序列表:
<ul><ul/>- type:disk(實心圓)、circle(空心圓)、square(小方塊)
-
有序列表:
<ol></ol>
四、超鏈接標簽
<a href="#"> 鏈接 </a>
- href :表示超鏈接跳轉(zhuǎn)的路徑;
- target:確定以何種方式打開href 所設(shè)置的界面。
五、表格標簽
-
table 標簽
<table> </table>- border :邊框?qū)挾?/li>
- width :表格寬度
- cellspacing:單元格之間的間隔
- cellpadding:單元格邊緣與單元格中的內(nèi)容間隔
- bgcolor:背景色
-
tr:行標簽
<tr></tr>- align:表示表格在整個頁面中的對齊方式。
-
td:單元格標簽
<td></td>- align : 單元格中的內(nèi)容對齊方式
- colspan:橫向合并單元格
- rowspan:縱向合并單元格
-
th:表頭標簽
<th></th>
六、框架標簽
- <frameset> 標簽,是多個框架整合在一起的一個框架集合,每一個框架都是一個單獨的文檔,需要使用子標簽
<frame>來確定框架的位置。- <frameset> 標簽,通過列和行來確定整體布局,使用cols來確定列數(shù),使用rows來確定行數(shù),多個
<frameset>標簽可以嵌套使用。 -
<frameset>和<body>不能共存 - cols和rows的使用
- <frameset> 標簽,通過列和行來確定整體布局,使用cols來確定列數(shù),使用rows來確定行數(shù),多個
- <frame>標簽
- src:確定頁面的路徑