html标签

最新推荐文章于 2024-09-05 23:48:57 发布

leener_007

最新推荐文章于 2024-09-05 23:48:57 发布

阅读量117

点赞数

分类专栏：前端文章标签： css 前端

本文链接：https://blog.csdn.net/weixin_40550338/article/details/88059585

版权

前端专栏收录该内容

9 篇文章 0 订阅

订阅专栏

块级元素

独占一行，每一个块级元素都会从新的一行重新开始，从上到下排布
可以直接控制宽度、高度以及盒子模型的相关css属性
在不设置宽度的情况下，块级元素的宽度是它父级元素内容的宽度
在不设置高度的情况下，块级元素的高度是它本身内容的高度

标签	描述
div	常用块级容器，也是css layout的主要标签
h1	大标题
h2	副标题
h3	三级标题
h4	四级标题
h5	五级标题
h6	六级标题
hr	水平分隔线
menu	菜单列表
ol	有序列表
ul	无序列表
li	列表项
dl	定义列表
dt	列表头
dd	列表内容
table	表格
p	段落
form	交互表单
nav	导航

内联元素

和其他内联元素从左到右在一行显示
不能直接控制宽度、高度以及盒子模型的相关css属性，但是直接设置内外边距的左右值是可以的
内联元素的宽高是由本身内容的大小决定（文字、图片等）
内联元素只能容纳文本或者其他内联元素（此处请注意，不要在内联元素中嵌套块级元素）

标签	描述
span	常用内联容器，定义文本内区块
a	锚点
b	加粗
strong	加粗强调
i	斜体
em	斜体强调
s	中划线（不推荐使用）
strike	中划线
del	文档中已被删除的文本
br	强制换行
u	下划线
textarea	多行文本输入框
input	输入框
select	下拉列表
label	input 元素定义标注（标记）
img	引入图片
sub	下标
sup	上标
big	大字体文本
small	小字体文本

基本标签

<!DOCTYPE HTML>  
   
    <!--文档声明-->
    <!--声明必须是 HTML 文档的第一行，位于 <HTMLgt; 标签之前-->     
    <!--声明不是 HTML 标签；它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令-->     
    <!--浏览器从服务端获取网页后会根据文档的DOCTYPE定义显示网页，    
    如果文档正确定义了DOCTYPE浏览器则会进入标准模式（Standards Mode），     否则浏览器会进入怪异模式或混杂模式（Quirks mode）-->     
    <!--浏览器是由不同厂商开发，所以存在不同的兼容性问题，浏览器逐渐支持包容，
    但是还是会存在差异，这就是浏览器多种表现模式的来源。-->     
    <!--现在的文档声明主要分为HTML 4.01 版本和HTML 5 版本-->     
    <!--在 HTML 4.01 中有三种  <!DOCTYPE> 声明。在 HTML5 中只有一种-->  
    <!--此为HTML 5的文档声明  <!DOCTYPE html> 我们现在主要记住此声明就可以了-->

<html>     
    
    <!--<html>之间的文本描述网页</html>-->     
    <!--<html> 与 </html> 标签限定了文档的开始点和结束点，
    在它们之间是文档的头部和主体。-->     
    <!--html标签是根元素，但即使 html 元素是文档的根元素，
    它也不包含 doctype 元素。doctype 元素必须位于 html 元素之前-->

<head>     
    
    <!--<head> 标签用于定义文档的头部，它是所有头部元素的容器。
    <head> 中的元素可以引用脚本、指示浏览器在哪里找到样式表、提供元信息等等。--> 
    <!--文档的头部描述了文档的各种属性和信息，包括文档的标题、在 Web 中的位置以及和其他文档的关系等。
    绝大多数文档头部包含的数据都不会真正作为内容显示给读者。-->     
    <!--下面这些标签可用在 head 部分：<base>, <link>, <meta>, <script>, <style>, 以及 <title>。-->
    <!--请注意head标签中的内容一般不会直接显示在页面上，并不是因为这个标签具有隐藏的属性，
    而是其中包含的这些标签不会显示在页面上。-->

<meta>    
    
    <!--<meta> 元素可提供有关页面的元信息（meta-information），比如针对搜索引擎和更新频度的描述和关键词。     
    <meta> 标签位于文档的头部，不包含任何内容。<meta> 标签的属性定义了与文档相关联的名称/值对。-->     
    <!--<meta name="keywords" content="js培训,HTML5培训,css培训,node.js培训,移动端培训" /> 
    （keywords 关键字 content中是包含了哪些关键字）-->     
    <!--<meta name="description" content="珠峰培训是中国前端开发知名品牌，七年JS前端培训，以专注立身；     
    70%的同学来自老学员推荐，以诚信立业。" />     
    （description 描述 形容这个文档）-->    
    <!--<meta charset="UTF-8" />
    charset 属性规定 HTML 文档的字符编码-->     
    <!--常用的编码有gbk、gb2312、utf-8等-->

leener_007

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
html标签

块级元素独占一行，每一个块级元素都会从新的一行重新开始，从上到下排布可以直接控制宽度、高度以及盒子模型的相关css属性在不设置宽度的情况下，块级元素的宽度是它父级元素内容的宽度在不设置高度的情况下，块级元素的高度是它本身内容的高度标签描述div常用块级容器，也是css layout的主要标签h1大标题h2副标题h3三级标题h4四级...
复制链接

扫一扫