html基础之标签

一:html基础框架


html基础之标签_第1张图片
html基础框架

该文本的标题

二:html基础标签总结。包括行级标签和块级标签。

行标签:

①和其他元素都在一行上;如:a span b 多个可以并排显示。

②高,行高及外边距和内边距部分可改变;

③宽度只与内容有关; 默认设置宽度是不起作用 需设置 display: inline-block或者block才行。

④行内元素只能容纳文本或者其他行内元素

块标签:

①总是在新行上开始,占据一整行;自动换行,想在同一行显示 需浮动或者display: inline。如:div h1 p ul li... ...

②高度,行高以及外边距和内边距都可控制;

③宽带始终是与浏览器宽度一样,与内容无关;

④它可以容纳内联元素和其他块元素。

注意:块元素与行元素可以通过css中display样式进行转换(inline,block,inline-block)

html基础之标签_第2张图片

示例1:行标签<不换行>转为块标签<换行>

html基础之标签_第3张图片


示例2:块标签<换行>转为行标签<不换行>

html基础之标签_第4张图片
块标签


html基础之标签_第5张图片
行标签:style="display:inline"

常见块标签:


html基础之标签_第6张图片
块标签

常见行标签:


html基础之标签_第7张图片
行标签

三:html标签语法

1.双标签:<开始标签>内容如:

2.单标签:<标记>  如:换行
,水平线标签


3.标记属性:<标记 属性1=参数 属性2=参数…>内容  如:

内容

参考链接:RONOOB.COM 

你可能感兴趣的:(html基础之标签)