6月3日,居家学习html第3天

132 阅读2分钟

持续创作,加速成长!这是我参与「掘金日新计划 · 6 月更文挑战」的第3天,点击查看活动详情

标签分为双标签和单标签,如下介绍。

1. 元素

<p></p>

<a href="http://www.baidu.com">百度</a>

</br>

image.png

image.png

开始标签称为起始标签,结束标签称为闭合标签, HTML 元素以开始标签起始, HTML 元素以结束标签终止, 元素的内容是开始标签与结束标签之间的内容, 某些 HTML 元素具有空内容(empty content), 空元素在开始标签中进行关闭(以开始标签的结束而结束),

2. 属性

刚刚看到的超链接标签,就是带有属性,‘href’属性。当然,这个标签还有很多属性,这里只是简单的说一下,我们在再看一下,其他标签的属性。 <img src="" alt="">,src和alt就是img的属性,下面说到标签的时候,我们会详细的介绍。

3. 标题

a.文档抬头标题

<title>Document</title>这个标签,前面也说过,就是放在head标签中的,主要是文档的标题。

image.png

b.文档内容标题

<h1>文字信息</h1> 
<h2>文字信息</h2>
<h3>文字信息</h3>
<h4>文字信息</h4>
<h5>文字信息</h5>
<h6>文字信息</h6>

h1----h6,没有h7。

image.png

image.png

4. 段落

<p></p> 标签是段落标签,就是在文档中起分段的作用。

5. 文本格式化

<b>加粗文本</b>
<br><br>
<i>斜体文本</i>
<br><br>
<code>电脑自动输出</code>
<br><br>
这是 
<sub> 下标</sub><sup> 上标</sup>

6. 链接

百度 标签是超链接,点击这个超链接可以打开一个新页面。

7. 头部

<head></head>

这个标签之前介绍过,可以看第一篇文章。

8. 图像

<img src="demo.png" alt=""> 这个是图像标签,在src使用绝对路径或者相对路径引入图片。

9. 表格

<table>
  <tr>
      <td>hello</td>
  </tr>
</table>

这是表格标签,类似于数据表格。

image.png

10. 列表

有序列表
<ol>
<li></li>
</ol>
无序列表
<ul>
<li></li>
</ul>
自定义列表
<dl>
<dd></dd>
<dt></dt>
</dl>

image.png

11. 换行

<br>

起到的作用是换行。

image.png

image.png

11.注释

<!-- 有序列表 --> 注释代码,在浏览器中是不会被解析的。

image.png

image.png