HTML5基础
主体
一个简单的网页 一般是由是由< head >标签,和< body >标签两个标签组成。
< head>标签:
< head >(< head >< /head >)
标签负责定义文档头部,定义,描述了文档的各种属性,也可以包含文档的信息,标题,和其他文件(如css,js文件)的关系等等,在此标签内的代码,不会在网页中显示出来,只是作为属性隐藏在内部。
常用子标签
< meta >标签
< meta > (< meta >< /meta >)元素可提供有关页面的元信息(meta-information),比如针对搜索引擎和更新频度的描述和关键词。
< meta > 标签位于文档的头部,不包含任何内容。< meta > 标签的属性定义了与文档相关联的名称/值对。
属性
http-equiv:规定 HTML 文档的字符集。
content:规定HTML所用字符集。
< title >标签
< title >(< title >< /title >)标签定义了文档标题,他会在打开网页时出现在网页名称处,比如:
< title >写文章-CSDN博客< /title >

< link >标签
< link >(< link >< /link >)标签可用于连接本文档与外部文档。
属性
rel:用于定义两文档的关系。
href:标注所连接文档的地址,可用绝对地址和相对地址。
< body >标签
< body >(< body >< /body >)标签内部包含了此网页的主体,在< body >中的代码都会转换成网页显示给读者,包括标题,文本,图片,超链接等。
常用标签
用于显示字符的标签
h标签
定义标题,分h1、h2、h3、h4、h5、h6,标题由1到6逐渐变小。
span标签
用于组合文档的行内元素,也可用于显示字符,span的长度由内部文字长度决定,它没有固定的样式。
p标签
用于显示字符时会自动在其前后创建一些空白。
div标签
也可用于显示字符,在不修改其属性时,div标签独占一行。
用于显示图片的标签
img标签
插入图片的格式:
< img src=“xxx” >
src内为图片地址,同href标签插入地址一样分为绝对地址和相对地址。
锚点
定义锚点 < a name=“test” >test< /a >
定位到锚点 < a heaf="#teat" >test< /a >
页面布局
先规划出网页的大致布局,其中每一个部分一般用div标签规划出模块,通过对标签属性的设置,使其达到想要的布局。













