HTML标签可以分为以下几类:
-
标题标签:用于定义网页的标题,分为h1、h2、h3、h4、h5和h6。
-
段落标签:用于定义文本的段落,常用的有p标签。
-
链接标签:用于定义链接,常用的有a标签。
-
图像标签:用于定义图片,常用的有img标签。
-
列表标签:用于定义有序列表和无序列表,常用的有ul、li和ol标签。
-
表格标签:用于定义表格,常用的有table、tr、th和td标签。
-
表单标签:用于定义表单元素,常用的有input、textarea、select和button标签。
-
样式标签:用于定义样式,常用的有style和link标签。
-
脚本标签:用于定义脚本,常用的有script标签。
下面是一些常见的HTML标签的示例:
- <html>:定义HTML文档的根元素
- <head>:定义文档的头部,包含文档的元数据,如标题、链接等
- <body>:定义文档的主体,包含所有可见的HTML内容
- <h1> - <h6>:定义标题,1到6级,依次递减
- <p>:定义段落
- <a>:定义超链接,可用于链接到其他网页、文件、电子邮件地址等
- <img>:定义图像
- <ul>:定义无序列表
- <ol>:定义有序列表
- <li>:定义列表项
- <table>:定义表格
- <tr>:定义表格行
- <td>:定义表格单元格
- <div>:定义文档中的一个区域,可用于划分页面结构和应用样式
- <form>:定义表单,可用于接收用户输入数据
- <input>:定义表单中的一个输入框,可用于用户输入文本、密码、选择日期等
- <button>:定义按钮,可用于执行JavaScript函数等操作
1. 单标签
img br hr
<img />
2. 双标签
a h p div <a></a>
3. 按照标签属性分类
1. 块儿标签
自己独自占一行
h1-h6 p div
2. 行内(内联)标签
自身文本有多大就占多大
a span u i b s
这两个标签它是没有任意意义的,主要用来'布局'页面
div一般用在占位置布局
span一般用在占文本布局
标签之间是可以互相嵌套的,标签套标签
块儿级元素是可以嵌套所有的标签的
<p>标签不能够嵌套块儿级元素,但是它可以嵌套行内元素
行内元素只能嵌套行内元素,不能够嵌套块儿级元素,非写了嵌套,也不报错,只不过是没有效果
针对于前端来说,不会轻易的报错! 如果你写的不对,只会没有对应的效果
展示图片的
https://img2.baidu.com/it/u=464791776,3312333293&fm=253&app=138&size=w931&n=0&f=JPEG&fmt=auto?sec=1698771600&t=9777764d1fe6560f394478126fb7563b<img src="123.png" title="你看我好看吗" width="200px" alt="">
src:
1. 内部的图片地址
2. 写外链的地址
title:
鼠标悬浮的时候显示的内容(是所有标签都要的)
width: 图片的宽度
height:图片的高度
一般情况下只写一个,等比例缩放
alt:当图片不存在的时候,显示的内容
<a href="http://www.oldboyedu.com" target="_blank" >点我</a>
href属性指定目标网页地址。该地址可以有几种类型:
● 绝对URL - 指向另一个站点(比如 href="http://www.jd.com)
● 相对URL - 指当前站点中确切的路径(href="index.htm")
● 锚URL - 指向页面中的锚(href="#top")target:
● _blank表示在新标签页中打开目标网页
● _self表示在当前标签页中打开目标网页
id 值: 相当于是人的身份证,一个文档中,id值不能够重复,必须唯一
class 值:是可以有多个的,一个标签可以有多个class值,一个class值也可以被多个标签拥有
<div id="d1" class='c1 c2 c3'></div>
<div id="d2" class='c2'></div>
<div id="d3" class='c3'></div>
<div id="d3" class='c1'></div>
#d1
.c1
要想使用id值,必须使用#开头
要想使用class值,必须使用 .开头
end