html基础书写布局介绍

来源：互联网发布：php的mvc 编辑：程序博客网时间：2024/06/05 07:32

如果文章对你有帮助，请点赞并关注，这将是我最大的动力。

通过百度的源代码为例，来介绍html的基础布局

1.百度首页源代码

baidu

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里，会发生不必要的错误。

0 0

html基础书写布局介绍

1.百度首页源代码

2.依次介绍html的基础布局

2.1.<!DOCTYPE html>

2.1.1.用处

2.1.2.用法规范

2.2.<html>

2.3.<head>

2.3.1用处

2.3.2用法规范

2.3.3.head内部的常用标签

1)<meta charset="UTF-8">

2)<title>

3)<style>

2.4.<body>