HTML的基本骨架:
<html> <head> <title></title> </head> <body> </body> </html> |
标签名:
<html></html> HTML标签 页面中最大的标签,称之为跟标签
<head></head> 文档头部 注意在head标签中我们必须要设置的标签是title
<title></title> 文档标题 让页面拥有一个属于自己的网页标题
<body></body> 文档主题 元素包含文档所有内容,页面内容,基本都是放到body里面
1.嵌套关系:
<head> <title></title> </head> |
2.并列关系
<head></head> <body></body> |
1.标题标签h:为了使网页更有语义化,常在页面中用在标题标签,HTML提供了留个等级的标签,即:<h1></h1> <h2></h2> <h3></h3> <h4></h4>< h5></h5> <h6></h6>
标签的基本语义:作为标题使用,并且依据重要性递减
基本格式:
<h> 我的 </h> |
2.段落标签p(熟记):
基本语义:可以把HTML文档分割若干段落
基本格式:
<p>文本内容</p> |
3.水平线标签hr(单标签):
基本语义:即使创建横跨网页水平线的标签
基本格式:
<hr />是单标签 |
4.换行标签br(熟记)(单标签):
基本语义:强制换行
基本格式
<br />是单标签 |
5.div 和span标签:
div 和 span是没有语义的,是我们网页布局主要的两个盒子
基本格式
<div>内容</div> <span>内容</span> |
两者都是盒子,用来装网页元素
div标签,用来布局,一行只能放一个div
span标签,用来布局,一行上可以放多个span
排版标签总结
<hx></hx> 标题标签 作为标题使用,并且依据重要性递减
<p></p> 段落标签 可以把HTML分割为若干段落
<hr /> 水平线段落 基本上没啥可说的,就是一条直线
<br /> 换行标签 强制转换下一行
<div></div> div标签 用来布局,一行只能放一个div
<span></span> span标签 用来布局,一行上可以放多个span