输入banner图图片脚本导航/分类

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)<script> <p>script 标签用于定义客户端脚本,比如 JavaScript。之所以放在body内部的下面,是因为页面加载是自上而下的,而script标签需要用到body内部的信息,如果放置head里,会发生不必要的错误。 </div> </div> <script type="text/javascript" src="/layui/layui.js"></script> <script> layui.use('code', function(){ layui.code({ elem: 'pre', //默认值为.layui-code about:false, title:'html基础布局介绍_html/css_WEB-ITnose代码块', encode: true //是否转义html标签。默认不开启 }); }); </script> <footer class="comm-footer"> <ul class="channels"> <li> <a target="_top" href="/system/">操作系统</a> </li><li> <a target="_top" href="/down/">程序下载</a> </li><li> <a target="_top" href="/jquery/">jquery插件库</a> </li><li> <a target="_top" href="/jiaoben/">编程</a> </li><li> <a target="_top" href="/db/">数据库</a> </li><li> <a target="_top" href="/tools/">在线工具</a> </li><li> <a target="_top" href="/framebook/">框架书籍</a> </li><li> <a target="_top" href="/xitongjiaocheng/">系统教程</a> </li><li> <a target="_top" href="/ruanjianxiazai/">软件下载</a> </li> </ul> <ul class="versions"> <li> <a href="https://m.gxlcms.com" class="active">触屏版</a> </li> <li> <a href="https://www.gxlcms.com" target="_top">电脑版</a> </li> </ul> <p><a href="https://beian.miit.gov.cn/" target="_blank" style="color:#ffffff"></a><script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?6c9b8cea1903c9f813f150c04aeebc3c"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script></p> </footer> </body> </html>