前端html常用标签

前言

HTML语言是超文本标记语言。

其中的元素都是由标签组成的。

而常用的标签就是常见的元素。

一、标签

    标签是标记HTML功能的。每个标签由尖括号标记出来，比如标题标签，段落标签，图片标签…

需要注意的是，标签通常是成对出现的，而前后标签有些许的不一样，当然你也可以不写，这是不会引起错误的，当然为了以后的工作，这些不好的小习惯还是不能有的。

1. 标题标签

   标题有六级标题，而标题的定义是由h+1-6之间的数字组成的

   一级标题就是<h1>一级标题</h1>

<h1>
    一级标题
</h1>
<h2>
    二级标题
</h2>

2. 段落标签

   段落就是显示一段文字的标签，顾名思义，他就是用来在网页中显示段落的。

而段落标签是由<p>来定义的

<p>
    我有一头小毛驴，我从来都不骑。有天我心血来潮骑着去赶集，我手里拿着小皮鞭，心里正得意，突然我就噼里啪啦的摔了一身泥。
</p>

3. 超链接标签

超链接就是你平常在网页上看得到,可以点击跳转的东西，由<a>标签定义

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

效果就是点击跳转到百度首页

4. 图片标签

图片标签是用来显示图片的标签，你平时在浏览器看到的图片，一般都是存放在这个图片标签里面。是由<img>定义的

<img src="https://tse1-mm.cn.bing.net/th?id=OIP-C.auUImos-WXjAv6rgfchP6wHaNK&w=123&h=160&c=8&rs=1&qlt=90&o=6&dpr=1.25&pid=3.1&rm=2">

这里我找了一张美女的图片，放在HTML里面可以直接将美女图片显示出来。

二、练习一下

今天学习了四个HTML标签，分别表示标题，段落，图片，超链接。

使用这些内容做一个小网页，将自己所学的知识巩固一下。

1. 小练习

从互联网上找到一张图片

准备一段话介绍这张图片

并设置标题为：HTML标签小练习
并标明原网站链接