首页 > 其他分享 >前端——HTML标签

前端——HTML标签

时间:2024-12-09 18:30:14浏览次数:7  
标签:标签 前端 元素 点击 HTML 文档 百度

什么是HTML标签?

HTML(超文本标记语言)是构建网页和网络应用的标准标记语言。HTML 文档由一系列的标签(tags)构成,这些标签是构成网页内容的基础。每个标签都有特定的用途和含义,它们定义了网页的结构和内容。

所有主流浏览器都支持<html>标签。

现在大多使用HTML 5。

标签定义及使用说明

<html> 标签告知浏览器这是一个 HTML 文档。

<html> 标签是 HTML 文档中最外层的元素。

<html> 标签是所有其他 HTML 元素(除了 <!DOCTYPE> 标签)的容器。

块级元素 内联元素

HTML标签中分块级和内联。

块级元素会强制换行,并且占浏览器全部的宽度  (div标签)

内联元素可以包含在块级元素内   (a标签)

标签属性

标签可以拥有属性,属性格式如下:

a代表超链接

可以使用双引号,也可以使用单引号

href代表引用,其后加上一个链接,“>”后可以填写代表这个链接的内容,以百度链接为例,例子如下:

接下来右键点击Open with Live Server运行,会得到如下页面:

点击蓝标的百度就会成功进入百度搜索网页

常用标签

html

html标签限定了文档的开始点和结束点

head标签用于定义文档的头部。head标签中一般用于引入脚本、样式表以及文档的各种属性信息,绝大多数文档头部包含的数据都不会真正作为内容显示给读者。

body

body 标签定义文档的主体。

h1--h6

一级标题—-六级标题

会出现如下的效果:

p

段落,一个p(<p></p>)表示一行

br

换行,举例:

换行前

换行后

a

超链接,以百度为例

<a href="https://baidu.com">百度</a>
<p>请点击<a href="https://baidu.com">百度</a></p>
​
<p>在新的页面打开<a href="https://baidu.com" target="_blank">百度</a></p>

​

注释

快捷键“Ctrl + ?”,再次点击则为取消注释

若需要添加多行注释,则需要先选中多行,再点击“Ctrl + ?”

<!-- 注释的内容 -->

ul li

无序列表

ol li

有序列表

table

表格

没有css样式的table很难看

上面是随便举的一个例子,在这个table之前可以添加一个style样式来美化这个表格

form

表单

样例如图:

img

图片

src填图片路径,alt填反馈结果

style

样式标签

css选择器

    1.类选择器:.classname

    2.id选择器:#idname

比较复杂,涉及css内容

总结

HTML标签还有很多,大家可以自行查找

标签:标签,前端,元素,点击,HTML,文档,百度
From: https://blog.csdn.net/2402_88087197/article/details/144330116

相关文章