HTML基础

一、什么是HTML

• HTML是一种超文本标记语言：Hyper Text Markup Language

• HTML是是一种标记语言，而不是编程语言

• 标记语言是一套标记标签（Markup tag）

• HTML使用标记标签来描述网页

• HTML文档包括HTML标签及文本内容

• HTML文档也叫做web网页

 

二、HTML元素

HTML文档由HTML元素定义

开始标签 *	元素内容	结束标签 *
<p>	这是一个段落	</p>
<a href="default.htm">	这是一个链接	</a>
<br>	换行

 

三、HTML元素语法

• HTML元素以开始标签起始，以结束标签结束

• 严肃的内容是开始标签与结束标签的内容

• 某些HTML元素具有空内容（empty content）

• 空元素在开始标签中进行关闭（以开始标签的结束而结束）

• 大多数HTML元素可拥有属性

•  

• HTML提示：使用小写标签

• HTML标签对大小写不敏感，<P>与<p>效果相同，许多网站都使用大写的HML标签，在未来（X)HTML版本中强制使用小写

 

四、HTML属性

• 属性是HTML元素提供的附加信息

• 属性一般描述于开始标签

• 属性总是以名称/值对的形式出现，比如name=“value”

性	描述
class	为html元素定义一个或多个类名（classname）(类名从样式文件引入)
id	定义元素的唯一id
style	规定元素的行内样式（inline style）
title	描述了元素的额外信息 (作为工具条使用)

 

五、HTML标题

• 标题（heading）是通过<h1>-<h6>进行定义的，<h1>定义最大的的标题，<h6>定义最小的标题

• 注意：

1. 确保HTML标题标签只用于标题，不要仅仅是为了生成粗体和大号的文本而使用标题

2. 搜索引擎使用标题为网页的结构和内容编制索引

3. 可以通过标题来快速浏览网页，标题来呈现文档结构是很重要的

4. h1用做主标题，其次是h2，依此类推

六、HTML链接

• HTML使用标签<a>来设置超文本链接

• 超链接可以是一个字，一个词，或者是一组词，也可以是一幅图像

• <a>的属性

1. 使用href属性来描述链接的地址

<a href="http://www.baidu.com">访问百度< /a>

1. 使用rarget属性，定义被链接的文档在何处显示

<a href="http://www.baidu.com"  target="_blank">访问百度< /a>

1. 使用id属性可以创建一个HTML文档书签标记

<a id="haha">哈哈< /a>

七、HTML表格

表格由<table>标签来定义，每个表格均有若干行（由<tr>标签定义），每行被分割为若干单元格（由<td>标签定义），字母td指表格数据（table data），即数据单元格的内容。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等

<table border="1">

<tr>

<th>Header 1</th>

<th>Header 2</th>

</tr>

 

<tr>

<td>row 1, cell 1</td>

 <td>row 1, cell 2</td>

</tr>

<tr>

 <td>row 2, cell 1</td>

 <td>row 2, cell 2</td>

</tr>

 </table>

HTML表格标签

标签	描述
<table>	定义表格
<th>	定义表格的表头
<tr>	定义表格的行
<td>	定义表格单元
<caption>	定义表格标题
<colgroup>	定义表格列的组
<col>	定义用于表格列的属性
<thead>	定义表格的页眉
<tbody>	定义表格的主体
<tfoot>	定义表格的页脚