阅读 73

前端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标签小练习 并标明原网站链接


作者:漪曦
链接:https://juejin.cn/post/7028140250320896036


文章分类
前端
版权声明:本站是系统测试站点,无实际运营。本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 XXXXXXo@163.com 举报,一经查实,本站将立刻删除。
相关推荐