HTML常用标签1
来源：互联网 发布：java this super 区别 编辑：程序博客网 时间：2024/05/17 22:38
基本格式
<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格式的图像文件。
0 0
- html常用标签1
- 1、HTML常用标签
- HTML常用标签1
- html 常用标签[1]
- HTML常用标签(1)
- html常用标签实例1
- HTML标签常用标签
- Html标签2---常用标签
- 常用HTML标签学习笔记1
- HTML常用标签说明
- 常用HTML标签.备查
- HTML常用标签整理
- 常用HTML标签
- html的常用标签
- HTML 常用标签
- HTML常用标签
- Html中的常用标签
- html常用标签
- GBIP-USB-HS线的驱动安装
- JSP页面中实现网页访问量的统计
- [BZOJ]1202: [HNOI2005]狡猾的商人 带权并查集
- A Swift Tour
- Random，ThreadLocalRandom，SecureRandom
- HTML常用标签1
- HDU 1222
- Spring.xml------处理事务详解
- easyui 双击行，启动编辑 ，及 保存 和 撤销 的实现。
- Linux进程切换
- Romantic 欧几里得的扩展
- 《算法经典》——第六章 数据结构
- CEPH RBD集群使用
- 几度爵心
