概念:HTML(Hypertext Markup Language)即超文本标记语言,用于网页文件的制作。HTML由一系列的标记组成,可以说HTML的本质就是通过对各种标记进行组合嵌套将文本,表格,图片等网页元素组织成一个网页页面。
标记:在HTML中标记的种类繁多但是大体也不过被分为两类,头部标记<head></head>和页面主体标记<body></body>。在HTML中绝大部分的标记均为成对使用。
在头部元素标记中有以下几种比较重要的标记:
1. 标题标记。标记标题以<title>开始,以</title>结束。标记之间的内容为网页标题内容,它将显示在浏览器的标题栏中。
2. 元标记。元标记<meta>用于定义页面信息的名称关键字等。<meta>标记不是成对出现的。他通过属性方式来定义页面信息。以设置页面关键字为例。设置页面关键字的name的属性值是keyword,它是为了搜索引擎说明该网页的关键词,从而帮助搜索引擎对该网页进行查找和分类,从而提高被搜索到的几率。一般可以设置多个关键词,各个关键词之间用逗号分开,如<meta name=”keyword” content=”content1,content2,content3”>。除设置关键字外,还可以通过将name属性值设为description来描述网页的主题,<meta name=”description” content=”这是一个学习类网页”>,通过refresh属性定时刷新网页或者进行网页定时跳转操作。<meta http-equiv=”refresh” content=”间隔时间;url=连接地址”>(间隔时间以秒计算)。
主体标记以<body>开始,以</body>结束,主体标记中的标记比较多,简单介绍一下下面几种常用标记的作用:
标记 | 作用 | 是否成对使用 |
<p> | 创建一个段。<p align=”#”>属性align表示段的对其方式,#可以是left,center,right,justify. | 是 |
<br> | 创建一个空行,用于换行 | 否 |
<hr> | 插入一条水平线。<hr color=”clr”>属性color用来指定线的颜色,clr可以为red,blue,green等,或以十六进制数表示 | 是 |
<center> | 使文本居中显示 | 是 |
<hn> | 用于指定文档标题是几级标题,n为1到6的整数。<hn align=”#”>. | 是 |
<font> | 用于设置字体,属性size表示字体的大小,n可以是1到7的整数。<font size=n color=”clr”> | 是 |
<b> | 使文本成为粗体 | 是 |
<i> | 使文本成为斜体 | 是 |
<ol> | 与<li>嵌套使用,指定编号的格式和顺序,用type属性指定编号系统的类型 | 是 |
<ul> | 与<li>嵌套使用,建立带有项目符号的列表,用type属性指定符号样式 | 是 |
<table> | 用于定义表格元素,具有align,border,bgcolor等属性 | 是 |
<caption> | 嵌套在<table>中,用于定义表格标题 | 是 |
<tr> | 嵌套在<table>中,在表格中添加一个新行 | 是 |
<th> | 嵌套在<table>中,用于定义表头元素 | 是 |
<td> | 嵌套在<table>中,用于定义单元格 | 是 |
<form> | 与嵌套在其中的相关元素组合,在网页上产生一张表单。Method属性用来指定项服务器提交表单的方法。有get或post两种,get方法用于数据量少且不要求安全性的情况下,反之使用post方法 | 是 |
<input> | 嵌套在<table>或<form>中使用,通过type属性指定input元素的类型type属性的值有text,submit,reset,password,radio,checkbox,hidden等,依次表示单行文本输入控件,提交按钮,重置按钮,口令输入控件单选按钮,复选框,隐藏控件 | 否 |
<select> | 床简历表框 | 是 |
<option> | 嵌套在<select>中,用于提供列表框中的各个列表项 | 是 |
<a> | 用于实现超链接,href属性的值为连接地址,<a>…</a>之间的文本为网页中的连接文本 | 是 |
<img> | 用于在网页中嵌入图像,src属性为图像资源的位置,width和height属性分别制定图像的宽度和高度 | 是 |