尔游网

搜索

您的当前位置：首页 html基础布局介绍_html/css_WEB-ITnose

html基础布局介绍_html/css_WEB-ITnose

来源：尔游网

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

1.百度首页源代码

baidu.jpg

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

从头开始依次介绍

2.1.

2.1.1.用处

html的头文件，因为html有很多版本，浏览器只有知道html的确切版本，才能正确的显示出html页面信息。因此这就是头文件的作用，用来声音html的版本

2.1.2.用法规范

它必须是html文档的第一行，位于标签之前，并且值得注意的是，它不是一个标签ps：这里是html5的声明

2.2.

所有的html文件都必须包含在html文件当中，如果把一个人比作一个html，那这个人的一切(、)，都必须包含在当中

2.3.

2.3.1用处

是html文档的头部信息，它用来描述html的各种属性和信息，例如编码格式，标题，或者文字显示形式，通常这部分信息不会作为内容真正给读者显示

2.3.2用法规范

应该把标签放在文档的开始处，紧跟在后面，并处于标签或标签之前。

2.3.3.head内部的常用标签

1)

用来规范html的编码格式

2) <p>定义文档的标题</p> 3)<style> <p>作为内部css的使用</p> <h3>2.4.<body></h3> <h4>2.4.1用处</h4> <p>作为html的身体，或者说主体，body 元素包含文档了所有内容（比如文本、超链接、图像、表格和列表等等）。简单来说，所有想让用户看到的信息，都必须包括在body里。</p> <h4>2.4.2常用标签</h4> 1)<hn> <p>n可以从1-6（从大到小），是html文档内部的标题</p> 2)<p> <p>定义文档的段落</p> 3) <p>定义文档的链接</p> 4)<img> <p>定义文档的图片</p> 5) <p>script 标签用于定义客户端脚本，比如 JavaScript。之所以放在body内部的下面，是因为页面加载是自上而下的，而script标签需要用到body内部的信息，如果放置head里，会发生不必要的错误。 <script type="text/javascript" src="https://jss.huatuo6.com/pc/wenzhang/detail_dy.js"></script> <script type="text/javascript" src="https://jss.axer.cn/pc/wenzhang/detail_left.js"></script> </div> <div class="glfra_f"> </div> </div> <script type="text/javascript" src="https://jss.axer.cn/pc/wenzhang/wenzhang/detail_foot.js"></script> <script type="text/javascript" src="https://jss.axer.cn/pc/share_right_gg1.js"></script> <script type="text/javascript" src="https://jss.huatuo6.com/pc/share_right_xgzx.js"></script> <script type="text/javascript" src="https://jss.axer.cn/pc/share_right_gg2.js"></script> <script type="text/javascript" src="https://jss.huatuo6.com/pc/share_right_rmyd.js"></script> </div> <div class="n_right"> <script type="text/javascript" src="https://jss.axer.cn/pc/share_cebian_gg1.js"></script> <script type="text/javascript" src="https://jss.huatuo6.com/pc/share_cebian_rmht.js"></script> <script type="text/javascript" src="https://jss.axer.cn/pc/share_cebian_gg2.js"></script> <script type="text/javascript" src="https://jss.huatuo6.com/pc/share_cebian_rmtw.js"></script> <script type="text/javascript" src="https://jss.axer.cn/pc/share_cebian_gg3.js"></script> <script type="text/javascript" src="https://jss.huatuo6.com/pc/share_cebian_wntj.js"></script> </div> </div> <script type="text/javascript" src="https://jss.huatuo6.com/pc/tj_foot4.js"></script><div class="foot"> <div class="smain"> <div class="foot_ano clearfix">  <div class="foot_mesg"> <p> Copyright © 2019-<span class="currentYear"></span> axer.cn 版权所有 <a href="https://beian.miit.gov.cn/" target="_blank" style="color:#fff">湘ICP备2023022495号-12</a> </p> <p> 违法及侵权请联系：TEL:199 18 7713 E-MAIL:2724546146@qq.com </p> <p> 本站由北京市万商天勤律师事务所王兴未律师提供法律服务 </p> </div> </div> </div> </div> <script type="text/javascript"> const currentYear = new Date().getFullYear(); $('.currentYear').html(currentYear) </script>