首页 > 代码库 > HTML的常用标签

HTML的常用标签

2024-09-15 00:38:56   218人阅读

HTML是用一些事先设定好的标签来包裹内容进行展示的，每个标签对应语义都有着自己的特定功能和样式，比如p标签用来表示段落，a标签用来作为链接等等，然后我们可以通过设置每个元素的属性值来控制标签的行为。

一、标签的分类：

按照标签特性，分为块级元素、行内元素、块级行内元素三种。

块级元素(block)：可设置宽高尺寸、占满整行

行级元素(inline)：不可设置宽高尺寸，不占满整行（宽高尺寸由内容而自适应）

行级块级元素(inline-block)：可设置宽高尺寸，不占满整行

二、常用的标签：

块级元素：div、p、ul、ol、dl、li、h1~h6、hr、table

行级元素：span、a、button、br、em、small、big

行级块级元素：input、img

三、常用的一些元素介绍

 标签元素功能属性备注
 <html>根元素，或顶级元素，其他所有标签元素都必须是其后代  
 <head>head元素，其后代元素是文档的相关信息或者脚本样式的链接等  
 <body>文档的主题部分，文档内容都放到body中  
<head>后代元素<link>制定外部资源与当前文档的链接关系，常用来引入外部css文件  
<meta>用来表示那些其他元素不能表示的信息，比如说文档作者等等  
<style>在该内部编写css样式，存放文档内部css样式  
<title>定义文档的标题，用浏览器访问时会显示在对应标签页上，内部只能包含文本，标签不会被解释  
文档结构<header>内容分区头部，与文档头部有关部分可以放到此处，比如搜索框、logo、标题等等  
<footer>文档的页脚，用于存放文档尾部的内容。比如文档作者声明、版权、相关链接等等  
<nav>导航栏，通常里面包含若干个链接。  
<aside>定义与<article>内容无关的部分，通常表现为侧边栏或者潜入内容  
<article>　文档的内容的一个结构，可以是文章、博文、评论等等  
<section>文档中的节或段，比如说文章的开头、正文、页脚等等  
 <div>一个通用的块级容器，没有语义  
 <p>用来表示一个段落  
 <ul>无序列表，列表项的头部可以用list-style-type来定义  
 <ol>有序列表　　  
 <dl>自定义列表  
 <li>用来表示列表项，ul、ol、dl中都可以用到  
 h1~h6不同级别标题  
 hr水平线  
 table一个二维表格  
 span一个通用的行级容器，无语义  
 a   
     
     
     
     
     

HTML的常用标签


联系
我们