首页 > WEB开发 > web前端的html常用标签有哪些?
2022
08-13

web前端的html常用标签有哪些?

之前看过一篇web前端的文章,说面试的时候面试官问面试者:你知道web前端HTML有什么标签?他们各自的用处是什么?面试者一脸懵。这些都是纯理论的内容,怎么面试还会问呢?因此,为了避免大家也和他一眼的情况,所以给大家分享一下web前端的html常用标签有哪些?


Doctype

!DOCTYPE 声明不是一个 HTML 标签,是用来告知 Web 浏览器页面使用了哪种 HTML 版

<!DOCTYPE>


HTML

html 此元素可告知浏览器其自身是一个 HTML 文档

<html> </html>


Head

head 元素是所有头部元素的容器

head 元素必须包含文档的标题(title),可以包含脚本、样式、meta 信息 以及其他更多的信息

<head> </head>


Title

title元素可定义文档的标题

浏览器会以特殊的方式来使用标题,并且通常把它放置在浏览器窗口的标题栏或状态栏上。同样,当把文档加入用户的链接列表或者收藏夹或书签列表时,标题将成为该文档链接的默认名称

<title> </title>


Main

main 标签规定文档的主要内容

main 元素中的内容对于文档来说应当是唯一的。它不应包含在文档中重复出现的内容,比如侧栏、导航栏、版权信息、站点标志或搜索表单

<main> </main>


Body

body 元素定义文档的主体

body 元素包含文档的所有内容(比如文本、超链接、图像、表格和列表等等)

<body> </body>


H1 -  H6

<h1> - <h6>标签可定义标题

<h1> 定义重要等级最高的标题,<h6>定义重要等级最低的标题

<h1></h1> <h2></h2> <h3></h3> <h4></h4> <h5></h5> <h6></h6>


P

<p> 标签定义段落

<p> 元素会自动在其前后创建一些空白,浏览器会自动添加这些空间,也可以在样式表中规定

<p> </p>


Span

<span> 标签被用来组合文档中的行内元素,span 没有固定的格式表现。当对它应用样式时,它才会产生视觉上的变化

<span> </span>


Div

<div> 标签定义 HTML 文档中的一个分隔区块或者一个区域部分,可能是HTML中最常用的标签之一

<div> </div>


Image

img 元素向网页中嵌入一幅图像

<img> 标签有两个必需的属性:src 属性 和 alt 属性


无序列表

<ul> 标签定义无序列表

<ul> </ul>


有序列表

<ol> 标签定义有序列表

<ol> </ol>


超链接

<a> 标签定义超链接,用于从一张页面链接到另一张页面,最重要的属性是 href 属性,它指示链接的目标

<a href=”https://www.w3schools.comhttps://zackmactavish.github.io/MacTavish/" target="_blank"> Visit my website!</a>


缩写词

<abbr> 标签指示简称或缩写,比如 "WWW" 或 "NATO",通过对缩写进行标记,您能够为浏览器、拼写检查和搜索引擎提供有用的信息

This website is all about <abbr title=”HyperText Markup Language”>HTML</abbr>.


Button

<button> 标签定义一个按钮,元素内部可以放置内容,比如文本或图像

<button type="button">Click Me!</button>


Form

<form> 标签用于为用户输入创建 HTML 表单,表单能够包含 input 元素,比如文本字段、复选框、单选框、提交按钮等等

<form> </form>


Script

<script> 标签用于定义客户端脚本,比如 JavaScript,script 元素既可以包含脚本语句,也可以通过 src 属性指向外部脚本文件

<script> </script>


换行符

<br> 标签插入一个简单的换行符

<br>


注释行

<!--     --> 注释标签用于在源代码中插入注释,注释不会显示在浏览器中

<!-- This is how you comment your code --> 


粗体

<b> 标签规定粗体文本

<b>bold text</b>


Header

<header> 标签定义文档的页眉(介绍信息)

<header> </header>


Footer

页脚元素代表信息的容器,例如作者信息、版权信息、联系信息、站点地图、返回顶部链接和相关文档

<footer> </footer>


Details

<detail> 标签用于描述文档或文档某个部分的细节

<details> </details>


Summary

<summary> 标签为 <detail> 元素定义一个可见的标题, 当用户点击标题时会显示出详细信息

 <summary> </summary>


Address

<address> 标签可用于包裹我们网站上指示个人或组织的联系信息的部分

<address>Organization Name: MacTavish Designs <br>Web Site:<a href="https://zackmactavish.github.io/MacTavish/">Zack MacTavish</a><br>Portland, Oregon</address>

以上就是“web前端的html常用标签有哪些?”的详细内容,想要了解更多web前端教程欢迎持续关注编程学习

扫码二维码 获取免费视频学习资料

Python编程学习

查 看2022高级编程视频教程免费获取