HTML之认识标签

来源：互联网发布：淘宝卖家发货扫描单号编辑：程序博客网时间：2024/06/01 08:35

<body></body>

在网页上要展示出来的页面内容一定要放在body标签中。

<p></p>

一段文字一个<p>标签，如在一篇新闻文章中有3段文字，就要把这3个段落分别放到3个<p>标签中。

<hx></hx>

们将使用<hx>标签来制作文章的标题。
标题标签一共有6个，h1、h2、h3、h4、h5、h6分别为一级标题、二级标题、三级标题、四级标题、五级标题、六级标题。并且依据重要性递减。<h1>是最高的等级。

<em></em><strong></strong>

在浏览器中<em> 默认用斜体表示，<strong> 用粗体表示如果不喜欢这种样式，没有关系，以后可以使用css样式去改变它。

<style>span{    color:blue;}</style><span>文本</span>

<span>标签是没有语义的，它的作用就是为了设置单独的样式用的。

<blockquote>引用长文本</blockquote>

怎么可以让每一句诗词后面加入一个折行呢？那就可以用到<br />标签了，在需要加回车换行的地方加入<br />，<br />标签作用相当于word文档中的回车。要想输入空格，必须写入 

在信息展示时，有时会需要加一些用于分隔的横线，这样会使文章看起来整齐些。<hr />

<address>标签，为网页加入地址信息

<ul>  <li>信息</li>  <li>信息</li>   ......</ul>

ul-li是没有前后顺序的信息列表

<ol>   <li>前端开发面试心法 </li>   <li>零基础学习html</li>   <li>JavaScript全攻略</li></ol>

<ol>在网页中显示的默认样式一般为：每项<li>前都自带一个序号，序号默认从1开始。

<div id="...">…</div>

在网页制作过程过中，可以把一些独立的逻辑部分划分出来，放在一个<div>标签中，这个<div>标签的作用就相当于一个容器。
为了使逻辑更加清晰，我们可以为这一个独立的逻辑部分设置一个名称，用id属性来为<div>提供唯一的名称，这个就像我们每个人都有一个身份证号，这个身份证号是唯一标识我们的身份的，也是必须唯一的。

表格：

1、<table>…</table>整个表格以<table>标记开始、</table>标记结束。
2、<tr>…</tr>表格的一行，所以有几对tr 表格就有几行。
3、<td>…</td>表格的一个单元格，一行中包含几对<td>...</td>，说明一行中就有几列。
4、<th>…</th>表格的头部的一个单元格，表格表头。
5、表格中列的个数，取决于一行中数据单元格的个数。

摘要

摘要的内容是不会在浏览器中显示出来的。它的作用是增加表格的可读性(语义化)，使搜索引擎更好的读懂表格内容，还可以使屏幕阅读器更好的帮助特殊用户读取表格内容。

<table summary="表格简介文本">

标题

用以描述表格内容，标题的显示位置：表格上方。

<table>    <caption>标题文本</caption>    <tr>        <td>…</td>        <td>…</td>        …    </tr>…</table>

使用<a>标签可实现超链接，它在网页制作中可以说是无处不在，只要有链接的地方，就会有这个标签。

语法：

<a  href="目标网址"  title="鼠标滑过显示的文本">链接显示的文本</a>

<a>标签在默认情况下，链接的网页是在当前浏览器窗口中打开，有时我们需要在新的浏览器窗口中打开。

<a href="目标网址" target="_blank">click here!</a>

点击发送邮件

<a href="mailto:xxx@163.com?subject=主题名称&body=邮件内容">

注意：如果mailto后面同时有多个参数的话，第一个参数必须以“?”开头，后面的参数每一个都以“&”分隔。

<img src="图片地址" alt="下载失败时的替换文本" title = "提示文本">

1、src：标识图像的位置；
2、alt：指定图像的描述性文本，当图像不可见时（下载不成功时），可看到该属性指定的文本；
3、title：提供在图像可见时对图像的描述(鼠标滑过图片时显示的文本)；

阅读全文

0 0