HTML——HyperText Markup Language(超文本标记语言)

        HTML的特点:1.简易性、2.平台无关性、3.可拓展性、4.通用性

html模板简析:

        <!DOCTYPE html>:文档头声明,告诉浏览器这是一个HTML文件;

        <html lang="en"></html>:根标签,每个HTML文件中只允许有一个;

        <head>:浏览器头部标签,不会在网页中显示。表示html的头部,head内部标签主要用于设置或者导入外部文件,一般不直接显示在浏览器视口中,常用的子标签为 meta 、title、link、script,分别表示元信息设定、文档标题、css、js

                meta:单标签,展示元数据,可控制以下属性:

  • width:控制 viewport 的大小,可以指定的一个值,如 600,或者特殊的值,如 device-width 为设备的宽度(单位为缩放为 100% 时的 CSS 的像素)。
  • height:和 width 相对应,指定高度。
  • initial-scale:初始缩放比例,也即是当页面第一次 load 的时候缩放比例。
  • maximum-scale:允许用户缩放到的最大比例。
  • minimum-scale:允许用户缩放到的最小比例。
  • user-scalable:用户是否可以手动缩放。

                  <meta charset="UTF-8" />:用来声明当前文档的编码方式为utf-8

                  <meta http-equiv="X-UA-Compatible" content="IE=edge" />

                  <meta name="viewport" content="width=device-width, initial-scale=1.0" />

                  <title>Hello Html</title>:网页标题

        </head>

        <body></body>:显示文档内部区域,表示html的体部,其内部主要放网页内容,其内容会显示到浏览器视口中,所有想要显示在浏览器中的元素都被包含在该元素中。

更多推荐

HTML基础模板