html基础书写规则介绍

作者: 光哥很霸气 | 来源:发表于2016-01-11 12:13 被阅读258次

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

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

    1.百度首页源代码

    baidu.jpg

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

    相关文章

      网友评论

      • 周萌萌:script标签放在body里面的最下面 还是放到head标签里,对页面加载是没有影响的。浏览器在解析结构、样式和脚本的时候,它们是并发执行的,说白了都是同时加载的。
      • visual_:光哥同志持续更新啊,关注你了,希望能在你这里复习一下html。加油。
        光哥很霸气:@MacChark 哈哈,好的
      • 曾樑:html基础知识
        光哥很霸气:@曾樑 是的

      本文标题:html基础书写规则介绍

      本文链接:https://www.haomeiwen.com/subject/xiiqkttx.html