<title>网站的总标题
1.标题标签 h1~h6
语义:用标题标签包裹的内容就是标题
标题标签也会帮助seo进行推广,h1到h6,语义是逐步降低的,
h1的语义最重,所以一般情况下,一个页面就用一个h1
常用的h1-h3
默认样式:字体会加粗,从h1-h6字体大小是逐步变小,会独占一行
关注语义,而不是样式
2.段落标签<p></p>,段落标签用于表示内容中的一个自然段
语义:用段落标签进行包括,其内容就表示是一个段落
默认样式:会独占一行,段落与段落之间有较大的间距
3.hgroup标签<hgroup> </hgroup> 用来为标题分组,可以将一组相关的标题同时放入到hgroup
4.强调标签
em标签用于表示语音语调的一个加重, 行内元素(inline element)
strong表示强调,重要内容,强调
em和strong都不会独占一行
<!-- 面试题:html中有两个强调标签,它们的区别是什么?
样式上:em强调,字体会变斜体
strong强调,字体会加粗
语义上:em是语音语调的强调
strong是具体内容的强调
在实际的开发过程中,一般不做区分,两个强调标签都可以使用 -->
eg:
5.center 居中效果
<center>
<h1>法巴登整。</h1>
<p>到憾文韩一得决位孔。</p>
<p>到憾文韩一得决位孔。</p>
<p>到憾文韩一得决位孔。</p>
<p>到憾文韩一得决位孔。</p>
</center>
6. q 表示短引用
默认样式:会在文本外面加双引号
不会独占一行
<q>他低斯哥处生有书系。</q>
<q>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Placeat, dolore.</q>
7.换行标签 br 强制换行
<p>
秦互气为游子的事皇得,<br />
云不巴仃分投忧娟喜力给也韩战将,<br />
会当今少,<br />
他冇生,<br />
介胜家。<br />
</p>
8.分割线 单标签
<hr />
9.使用del标签来表示一个删除的内容
在文本的中间会有一根删除线,它也不会独占一行
<del>要与原为色,你定的。</del>
<p>
原价:<del>9999</del> <br />
现价:9.9
</p>
10.div 用来布局的,没有语义,会独占一行
<div>
今晚 教从者,谷为恩,洪。
</div>
<div>
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Illum, blanditiis.
</div>
11.span 没有任何语义,一般就用来包裹文字
不会独占一行
<span>你好</span>
<span>hello</span>
面试题: 请你简单说一说元素的分类,并举一些具体例子
元素(标签)的分类
1、形式分:
双标签:h1-h6,p,strong,em,hrgoup,del ,div,span····
单标签:br,hr,meta····
2、特点分:
块标签:一般都是用来布局的
(1)、会独占一行
(2)、可以设置宽高
(3)、如果不设置宽高,块元素的宽度是父元素的100%,块元素的高度是被内容撑开
eg:h1-h6,p,hgroup,center,div
行内标签:一般用来包裹文字
(1)、不会独占一行
(2)、不可以设置宽高,被内容撑开
eg:strong,em,span,del····
行内块标签:
(1)、兼具块标签和行内标签的特点,可以设置宽高,不会独占一行
(2)、元素与元素之间会有3像素的空白间距,称三像素问题
eg:img,input,button·····
注意:
1、块标签里面什么都能放
块标签里面可以放块标签,行内标签,行内块标签
2、行内标签里面一般只放文字,不能放块标签
3、有一个特殊的块标签 p标签
它里面只放文字或图片,不能放块元素
4、有一个特殊的行内标签 a标签
它里面什么都能放,除了它自己
html5的新标签
布局标签(结构化标签) 都是块标签
header 网页的头部
main 网页的主体部分(一般就一个)
footer 网页的底部
nav 网页的导航
aside 和主体相关的内容,侧边栏
article 文章之类的
section 独立的区块,上面的标签都不合适,就用这个 ,
用来代替div
1、什么是实体
浏览器会提前征用一部分的字符,例如大于号,小于号,空格,版权符号等等。
如果程序员想用,可以用一些额外的字符去表示,这些额外的字符,我们叫实体
2、实体的语法
&实体的名字;
3、常用的实体
大于号: >
小于号: <
空格:
版权符号: ©
列表(list) 一组一组
1:有序列表 用ol标签创建,li表示列表项
默认样式:
列表项的前面有加1,2,3···项目符号
列表项的前面有较大的间距
2:无序列表 用ul标签创建,li表示列表项
默认样式:
列表项的前面有加黑色实心小圆点
列表项的前面有较大的间距
3:定义列表 用dl标签创建,使用dd对内容进行解释说明
注意:
1、常用有序列表和无序列表 而且在实际开发过程中,不需要特别区分有序或者无序
2、有type属性,可以更改列表项项目符号
ol type属性值:1,a,A,i,I
ul type属性值:disc,默认值,实心的圆点
square,实心的方块
circle,空心的圆
实际开发过程中,我们会去除默认的项目符号
3、列表可以相互嵌套 因为列表是块元素
4、ol li
ul li
dl dt dd
是配合使用,一般情况,不在里面加入其他直接子元素