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 :表示超链接跳转的路径;
- target:确定以何种方式打开href 所设置的界面。
五、表格标签
-
table 标签
<table> </table>
- border :边框宽度
- width :表格宽度
- cellspacing:单元格之间的间隔
- cellpadding:单元格边缘与单元格中的内容间隔
- bgcolor:背景色
-
tr:行标签
<tr></tr>
- align:表示表格在整个页面中的对齐方式。
-
td:单元格标签
<td></td>
- align : 单元格中的内容对齐方式
- colspan:横向合并单元格
- rowspan:纵向合并单元格
-
th:表头标签
<th></th>
六、框架标签
- <frameset> 标签,是多个框架整合在一起的一个框架集合,每一个框架都是一个单独的文档,需要使用子标签
<frame>
来确定框架的位置。- <frameset> 标签,通过列和行来确定整体布局,使用cols来确定列数,使用rows来确定行数,多个
<frameset>
标签可以嵌套使用。 -
<frameset>
和<body>
不能共存 - cols和rows的使用
- <frameset> 标签,通过列和行来确定整体布局,使用cols来确定列数,使用rows来确定行数,多个
- <frame>标签
- src:确定页面的路径
网友评论