基本格式
<html>
<head>
标题
</head>
<body>
内容
</body>
</html>
<!--文字--> ： 代码注释
<hx> 文字 </hx> ：标题，x为数字1到6，代表标题级别的不同
<p> 文字 </p> ：段落内容
<q> 文字 </q> :引用短篇文字，主要作用在于语义的强调
<span>文字 </span> :语义，添加特别样式
<blockquote> 文字</blockquote> : 引用长篇内容，在于语义
<img src = "图片地址"> ：插入图片
: 空格
<br/> : 换行
<address>地址</address> : 地址，语义
<code>代码语言</code> : 中间为一个代码，显示代码
pre: 插入大段代码
<ul>
<li>信息</li>
<li>信息</li>
..........
</ul>
显示无排序的信息列表
<ol>
<li>信息</li>
<li>信息</li>
..........
</ol>
显示有排序的信息列表
<div id= "板块名称">。。。</div> :把一些独立的逻辑部分划分出来
创建表格的四个元素：
table、tbody、tr、th、td
1、<table>…</table>：整个表格以<table>标记开始、</table>标记结束。
2、<tbody>…</tbody>：当表格内容非常多时，表格会下载一点显示一点，
但如果加上<tbody>标签后，这个表格就要等表格内容全部下载完才会显示。
3、<tr>…</tr>：表格的一行，所以有几对tr 表格就有几行。
4、<td>…</td>：表格的一个单元格，一行中包含几对<td>...</td>，说明一行中就有几列。
5、<th>…</th>：表格的头部的一个单元格，表格表头。
6、表格中列的个数，取决于一行中数据单元格的个数。
<table summary = " 摘要 "> 摘要内容是不会显示出来的
<caption>表名</caption>
.....
</table>
例子：
<table summary="这个表格是为了给歌曲评分">
<caption>歌曲评分表</caption>
<tr>
<th>歌曲名称</th>
<th>评分</th>
</tr>
<tr>
<td>传奇</td>
<td>8.8分</td>
</tr>
<tr>
<td>神话</td>
<td>8.7分</td>
</tr>
</table>
<a href="目标网址" title="鼠标滑过显示的文本" target ="_blank">链接显示的文本</a>
<img src="图片地址" alt="下载失败时的替换文本" title = "提示文本">
举例：
<img src = "myimage.gif" alt = "My Image" title = "My Image" >
讲解：
1、src：标识图像的位置；
2、alt：指定图像的描述性文本，当图像不可见时（下载不成功时），可看到该属性指定的文本；
3、title：提供在图像可见时对图像的描述(鼠标滑过图片时显示的文本)；
<html>
<head>
标题
</head>
<body>
内容
</body>
</html>
<!--文字--> ： 代码注释
<hx> 文字 </hx> ：标题，x为数字1到6，代表标题级别的不同
<p> 文字 </p> ：段落内容
<q> 文字 </q> :引用短篇文字，主要作用在于语义的强调
<span>文字 </span> :语义，添加特别样式
<blockquote> 文字</blockquote> : 引用长篇内容，在于语义
<img src = "图片地址"> ：插入图片
: 空格
<br/> : 换行
<address>地址</address> : 地址，语义
<code>代码语言</code> : 中间为一个代码，显示代码
pre: 插入大段代码
<ul>
<li>信息</li>
<li>信息</li>
..........
</ul>
显示无排序的信息列表
<ol>
<li>信息</li>
<li>信息</li>
..........
</ol>
显示有排序的信息列表
<div id= "板块名称">。。。</div> :把一些独立的逻辑部分划分出来
创建表格的四个元素：
table、tbody、tr、th、td
1、<table>…</table>：整个表格以<table>标记开始、</table>标记结束。
2、<tbody>…</tbody>：当表格内容非常多时，表格会下载一点显示一点，
但如果加上<tbody>标签后，这个表格就要等表格内容全部下载完才会显示。
3、<tr>…</tr>：表格的一行，所以有几对tr 表格就有几行。
4、<td>…</td>：表格的一个单元格，一行中包含几对<td>...</td>，说明一行中就有几列。
5、<th>…</th>：表格的头部的一个单元格，表格表头。
6、表格中列的个数，取决于一行中数据单元格的个数。
<table summary = " 摘要 "> 摘要内容是不会显示出来的
<caption>表名</caption>
.....
</table>
例子：
<table summary="这个表格是为了给歌曲评分">
<caption>歌曲评分表</caption>
<tr>
<th>歌曲名称</th>
<th>评分</th>
</tr>
<tr>
<td>传奇</td>
<td>8.8分</td>
</tr>
<tr>
<td>神话</td>
<td>8.7分</td>
</tr>
</table>
<a href="目标网址" title="鼠标滑过显示的文本" target ="_blank">链接显示的文本</a>
<img src="图片地址" alt="下载失败时的替换文本" title = "提示文本">
举例：
<img src = "myimage.gif" alt = "My Image" title = "My Image" >
讲解：
1、src：标识图像的位置；
2、alt：指定图像的描述性文本，当图像不可见时（下载不成功时），可看到该属性指定的文本；
3、title：提供在图像可见时对图像的描述(鼠标滑过图片时显示的文本)；
4、图像可以是GIF，PNG，JPEG格式的图像文件。
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
