HTML中的基础标签

最新推荐文章于 2022-06-30 16:36:05 发布

Android__LT

最新推荐文章于 2022-06-30 16:36:05 发布

阅读量218

点赞数

分类专栏： HTML 文章标签： html

本文链接：https://blog.csdn.net/androdi__LT/article/details/104983298

版权

HTML 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

<!DOCTYPE>：
<!DOCTYPE>是一个声明而不是一个标签，<!DOCTYPE>声明的作用是告诉web浏览器当前HTML文档使用的编写版本。我们在编写HTML文档的时候需要始终加上<!DOCTYPE>声明以便浏览器知道文档的HTML版本。<!DOCTYPE>声明始终在HTML文档的第一个位置，在<html>标签之前。在html5中<!DOCTYPE>声明只有一种：<!DOCTYPE html>。

HTML标题：
HTML中的标题是通过h1-h6标签来定义的，<h1>定义最大标题，之后依此递减，<h6>定义最小标题。
用户会根据标题来快速浏览网页，而且搜索引擎会根据标题来为你的网页的结构和内容编辑索引，所以用标题来呈现文档结构是很重要的。我们也不能仅仅是为了把字体加粗变大而去使用标题。

<h1>这是一个大标题</h1>
<h6>这是一个小标题</h6>

<p>标签：
<p>标签在HTML文档中用来编辑段落：

<p>这是一个段落</p>

浏览器会自动在段落前后添加空行，而我们不能为了换行而去使用一个空段落<p></p>，这是一种坏习惯。段落换行我们可以使用<br/>，<br/>可以在不产生一个新段落对段落进行换行，<br/>没有结束标签。

<p>这是一<br/>段可以<br/>换行的段落</p>

<a>标签：
<a>标签在HTML中定义超链接，用于从当前页面跳到另外一个页面。
<a>标签中最重要的属性是：href。href属性中定义目标网页的地址。

<a href="http://www.baidu.com">点击跳转目标网页</a>

<img>标签：
<img>标签在HTML中定义图像。<img>标签有两个必不可少的属性：src和alt，其中src用来定义图片的链接地址，也就是需要显示的图片的路径，而alt用来定义当图片因为某些原因不能正常显示时的提示文字。

<img src="/images/logo.png" alt="本地png图片">

如果logo.png这张图片不能正常显示，比如网络原因，地址错误，浏览器屏蔽图片等等。这时显示图片的位置就会显示alt属性定义的提示文字。

<ul>标签和<ol>标签：
<ul>标签和<ol>标签在HTML中分别定义无序列表和有序列表。他们都有type属性，在<ul>标签中type属性定义项目的符号类型，例如：type=“circle”,定义项目符号为园。在<ol>标签中type属性定义项目的标记类型，如果在有序列表中不定义type属性，默认项目标记类型为阿拉伯数字并且是从0开始。在有序列表中type属性有以下几种：

type	type值
阿拉伯数字	1，2，3…
大写英文字母	A，B，C…
小心英文字母	a，b，c…
大写罗马数字	I，II，III…
小写罗马数字	i，ii，iii…

有序列表中还有一个start属性定义可以从任意位置开始，比如：start=“50”，那项目标记就从50开始依此递加。

<ul>
	<li>项目1</li>
	<li>项目2</li>
	<li>项目3</li>
</ul>
<ol type="1" start="50">
	<li>项目1</li>
	<li>项目2</li>
	<li>项目3</li>
</ol>

HTML中的表格：
HTML中的表格由一个<table>标签，一个或多个<th>标签、<tr>标签、<td>标签组成。其中<th>标签定义表格头，<tr>标签定义行，<td>标签定义表格单元也就是我们常说的列。
<table>标签中有一个常用的属性border，用来定义表格的边框，值越大边框越大。

<p id="test">一个三行三列的表格</p>
<table border="1">
      <tr>
        <td>数据</td>
        <td>数据</td>
        <td>数据</td>
      </tr>
      <tr>
        <td>数据</td>
        <td>数据</td>
        <td>数据</td>
      </tr>
      <tr>
        <td>数据</td>
        <td>数据</td>
        <td>数据</td>
      </tr>
    </table>
    <p>有表格头(横向)</p>
    <table border="1">
      <th>头部1</th>
      <th>头部2</th>
      <tr>
        <td>数据</td>
        <td>数据</td>
      </tr>
      <tr>
        <td>数据</td>
        <td>数据</td>
      </tr>
    </table>
    <p>有表格头(竖向)</p>
    <table border="1">
      <tr>
        <th>头部1</th>
        <td>数据</td>
        <td>数据</td>
      </tr>
      <tr>
        <th>头部2</th>
        <td>数据</td>
        <td>数据</td>
      </tr>
</table>

HTML中的注释标签：
为HTML中的注释标签，在开始标签中有一个惊叹号，结束标签中没有，注释文字在他们之间。浏览器不会显示注释，但是注释可以帮助我们理解、记录文档。

<!-- 在此处写注释 -->

Android__LT

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML中的基础标签

<!DOCTYPE>：<!DOCTYPE>是一个声明而不是一个标签，<!DOCTYPE>声明的作用是告诉web浏览器当前HTML文档使用的编写版本。我们在编写HTML文档的时候需要始终加上<!DOCTYPE>声明以便浏览器知道文档的HTML版本。<!DOCTYPE>声明始终在HTML文档的第一个位置，在<html>标签之前。...
复制链接

扫一扫