如果文章对你有帮助,请点赞并关注,这将是我最大的动力。
通过百度的源代码为例,来介绍html的基础布局
1.百度首页源代码
2.依次介绍html的基础布局
从头开始依次介绍
2.1.<!DOCTYPE html>
2.1.1.用处
html的头文件,因为html有很多版本,浏览器只有知道html的确切版本,才能正确的显示出html页面信息。因此这就是头文件的作用,用来声音html的版本
2.1.2.用法规范
它必须是html文档的第一行,位于<html>
标签之前,并且值得注意的是,它不是一个标签
ps:这里<!DOCTYPE html>
是html5的声明
2.2.<html>
所有的html文件都必须包含在html文件当中,如果把一个人比作一个html,那这个人的一切(<head>
、<body>
),都必须包含在<html>
当中
2.3.<head>
2.3.1用处
<head>
是html文档的头部信息,它用来描述html的各种属性和信息,例如编码格式,标题,或者文字显示形式,通常这部分信息不会作为内容真正给读者显示
2.3.2用法规范
应该把 <head>
标签放在文档的开始处,紧跟在<html>
后面,并处于<body>
标签或 <frameset>
标签之前。
2.3.3.head内部的常用标签
1)<meta charset="UTF-8">
用来规范html的编码格式
2)<title>
定义文档的标题
3)<style>
作为内部css的使用
2.4.<body>
2.4.1用处
作为html的身体,或者说主体,body 元素包含文档了所有内容(比如文本、超链接、图像、表格和列表等等)。简单来说,所有想让用户看到的信息,都必须包括在body里。
2.4.2常用标签
1)<hn>
n可以从1-6(从大到小),是html文档内部的标题
2)<p>
定义文档的段落
3)<a>
定义文档的链接
4)<img>
定义文档的图片
5)<script>
script 标签用于定义客户端脚本,比如 JavaScript。之所以放在body内部的下面,是因为页面加载是自上而下的,而script标签需要用到body内部的信息,如果放置head里,会发生不必要的错误。