<<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>不同等级的标签对比</title>
</head>
<body>
<h1>一级标题</h1>
<h2>二级标题</h2>
<h3>三级标题</h3>
<h4>四级标题</h4>
<h5>四级标题</h5>
<h6>四级标题</h6>
</html>
<p> </p>:段落标签
<br/>:换行标签
<hr/>:水平线标签
<strong>:让字体变粗
<em>：标签让文字倾斜
 ：空格
>：大于号（>）
<：小于号(<)
":引号(")
©:版权符号©
图像标签的基本语法
<img src="图片地址 " alt="图像的替代文字" title="鼠标悬停提示文字 " width="图片宽度" height ="图片高度"/>
超链接基本语法
<a href="链接地址" target="目标窗口位置">链接文本或者图像 </a>
target: _self (自身窗口)、_blank(新建窗口)
当href="#"时表示空链接
锚链接
1）在页面位置设置标记
<a name= "marker">目标位置乙</a>
name为a标签的属性
2）设置甲位置链接路径href属性值为"#标记名"，
<a href="#marker">当前位置甲</a>
(3)功能性链接
比如电子邮件的用法："mailto:电子邮件地址"[<a href= "mailto:ke@kgc.cn">联系我们</a>]
行内元素和块元素
块元素特点：无论内容多少，该元素独占一行
行内元素特性：内容撑开宽度，左右都是行内元素可以排在一行
列表：
无序列表：由<ul>和<li>标签组成
<li>标签里可以嵌套任意标签<ul>里面只能嵌套<li>标签不能嵌套其他标签
<ul>
<li>第一项</li>
<li>第二项</li>
<li>第三项</li>
<ul>
有序列表：由<ol>标签和<li>标签组成
注：和<ol>里面只能嵌套<li>标签
<ol>
<li>第一项</li>
<li>第二项</li>
<li>第三项</li>
</ol>
特殊定义列表：
使用 <dl>标签作为列表的开始，使用 <dt>标签作为每个列表的项的起始，而对于每个列表项的定义则使用 <dd>标签来完成
<dl>
<dt>标题一</dt>
<dd>第一项</dd>
<dt>标题二</dt>
<dd>第一项</dd>
</dl>
表格的基本语法：
<table>
<tr>
<th>第一个单元格的内容</th>
<th>第二个单元格的内容</th>
......
</tr>
<tr>
<th>第一个单元格的内容</th>
<th>第二个单元格的内容</th>
</tr>
</table>
创建表格一般分为四步：
第一步：创建表格标签<table>.....</table>
第二步：在表格标签<table>...</table>里创建行标签<tr>....</tr>.可以有多行。
第三步：在第一行标签<tr>...</tr>里创建单元格标签<th>...</th>，用于创建表格标题
第四步：在其他标签<tr>....</tr>里创建单元格标签<td>....</td>.可以有多个单元格
注：表格跨列:<td colspan="所跨的行数">
表格的跨行：<td rowspan=" 所跨的行数">
每天进步一点点！坚持
网友评论