html 标签（一）10个常用标签以及块元素行内元素、

2024-04-26 13:52:43

目录

一、标题标签六个标签标题常用的h1 到 h3

二、段落标签 p 也是块元素，会独占一行

三 hgroup 标题分组

四 em strong都是强调标签

五换行标签 br 自结束标签

六分割线 hr 自结束标签

八 div 没有任何语义只表示一个块元素

九 span 没有任何语义只表示一个行内元素，一般用来包裹文字

十 del 删除线标签

块元素行内元素、

一、标题标签六个标签标题常用的h1 到 h3

从样式看 h1 ->h6 ,逐步变小，语义也是逐渐变小的标题标签也是辅助推广部门做推广的

重要性仅次于title标签

h1语义最重要，一个页面一般出现一次

标题标签是块元素，会独占一行

<h1>一级标题</h1><h2>二级标题</h2><h3>三级标题</h3><h4>四级标题</h4><h5>五级标题</h5><h6>六级标题</h6>

二、段落标签 p 也是块元素，会独占一行

从样式看，段落与段落之间有间距

一般用来包裹文字和图片

 <p>游仃谓。</p><p>羊了</p>

三 hgroup 标题分组

<hgroup><h1>登高</h1><h2>杜甫</h2></hgroup>

四 em strong都是强调标签

em strong 不会独占一行是行内元素

em 有斜体 strong 加粗

em 强调的是语音语调

strong 强调的是内容的重要性 -->

<em>疾语知</em><strong>郭样他。</strong><p>小东西长得真好看<strong>假的</strong></p>

五换行标签 br 自结束标签

              况生程。<br>绛说冷分。<br>一非办<br>一侯秦<br>

六分割线 hr 自结束标签

         <center><h1>登高</h1><h2>杜甫</h2><p>慨娘</p><p>台的承</p></center>

八 div 没有任何语义只表示一个块元素

           <div>路的这。</div><div>在说能司。</div>

九 span 没有任何语义只表示一个行内元素，一般用来包裹文字

 <span>的金以。</span> <span>10</span>

十 del 删除线标签

 原价<del>999</del>现价9.9

块元素行内元素、

元素分为块元素行内元素

块元素

1、会独占一行

2、块元素的宽度默认是父元素的百分之百

3、块元素的高度默认是被内容撑开的

行内元素

一般用来包裹文字

1、不会独占一行

2、行内元素宽高都是被内容撑开的，不可以自定义宽高

行内块元素

兼具块元素，行内元素的特点

布局的注意点

1、块元素里面什么都能放、能放块元素、能放行内、能放行内快

2、行内元素里面不能放块元素

3、p标签是一个特殊的块元素里面不能放块元素

html 标签（一）10个常用标签以及块元素行内元素、相关推荐

HTML学习笔记（实体+meta标签+块、行内元素+语义化标签+布局标签）
由于学校并没有开设前端的相关课程,所以对于前端这一部分都是这里看一点,哪里看一点,这里算是做一个小小的汇总吧(因为本身想走的是后端开发,所以目前汇总一些基础的,后面遇到了再慢慢补充吧). 文章目录 1 ...
前端开发 html第二课自结束标签注释标签中的属性文档声明进制字符编码文档使用 VScode 实体 meta标签语义化标签块元素和行内元素布局标签
1 自结束标签标签一般成对出现,但是也存在一些自结束标签如: 多"/"和没有"/"区别不大 2 注释注释的作用: 注释中的内容会被浏览器忽略,不会在网页中 ...
css标签显示特性（块级元素、行内元素、行内块元素、标签显示模式转换display、简单文字居中、简单导航栏案例）
HTML标签一般分为块标签和行内标签两种类型,它们也称块元素和行内元素. 标签以什么方式进行显示,比如div 自己占一行, 比如span 一行可以放很多个 1. 块级元素(block-level) 常 ...
文本字段的html标签是什么,HTML常用标签及属性
什么是HTML HTML基本语法常用标签及属性链接文本标记表格列表表单结构标记什么是HTML Hyper Text Markup Language,超级文本标记语言 - 普通文本a:无 ...
freemarker常用标签 ftl模板文件常用标签
freemarker常用标签 ftl模板文件常用标签 1.注释 <#–-–>格式不会输出 2 list循环 <#list datalist as entity> ${e ...
HTML行内元素/行级元素/内联元素/行标签/内联标签/行内标签/行元素
文章目录行内元素的特点行内元素清单可变元素列表 inline element. 也叫行级元素.内联元素. 行内元素默认设置宽度是不起作用,需设置 display:inline-block 或者 ...
css中标签显示模式、块元素、行内元素、行内块元素、显示模式转换
标签显示模式display: HTML标签一般分为块标签(块元素:block-level)和行内标签(行内元素:inline-level)两种类型,但是还有第三种说法行内块元素:table-row-g ...
HTML5笔记Day_01注释；标签；特殊符号；块元素和行内元素
1.什么是HTML? HTML是一种超文本标记语言,是一种标识性语言.他包括一系列标签,通过标签使网络上的文档格式统一,使分散的资源链接成为一个逻辑整体. 2.常用的工具记事本,idea,WebSt ...
HTML基础-标签分类(闭合标签，空标签，块级元素，行内元素，行级块元素，可替换元素)
文章目录一.闭合标签和空标签二.位置特性(块级元素,行内元素,行级块元素) 块级元素(block) 行级元素(inline) 行内块元素(inline-block) 三.元素之间的转化四.可替换 ...

最新文章

热门文章