你的位置:首页 > 信息动态 > 新闻中心
信息动态
联系我们

前端学习第二课

2022/1/2 16:03:54

1.html5文件格式:

<!DOCTYPE html> //声明位于文档中的最前面的位置,处于 <html> 标签之前。此标签可告知浏览器文档使用哪种 HTML 或 XHTML 规范。

<html lang="en">//根标签 指定html 语言种类

<head>//头部标签,用于说明页面是什么的页面

        <meta charset="UTF-8">//设置当前的编码为UTF-8

        <meta http-equiv="X-UA-Compatible" content="IE=edge">//告诉浏览器,如果是IE请使用最高级版本进行渲染

        <meta name="viewport" content="width=device-width, initial-scale=1.0">//设置移动端适配,宽度等于设备宽度,

        <title>Document</title>//标题,用于描述

</head>

<body>//正文内容

       

</body>

</html>

html骨架标签总结

标签名定义说明
<html></html>HTML标签页面中最大的标签,我们成为 根标签
<head></head>文档的头部注意在head标签中我们必须要设置的标签是title
<titile></title>文档的标题让页面拥有一个属于自己的网页标题
<body></body>文档的主体元素包含文档的所有内容,页面内容 基本都是放到body里面的
<titile></title>文档的标题让页面拥有一个属于自己的网页标题

HTML标签名、类名、标签属性和大部分属性值统一用小写

2.HTML元素标签分类

  1. 常规元素(双标签)

<标签名> 内容 </标签名>   比如 <body>  我是文字  </body>
该语法中“<标签名>”表示该标签的作用开始,一般称为“开始标签(start tag)”,“</标签名>” 表示该标签的作用结束,一般称为“结束标签(end tag)”。

       2.空元素(单标签)

<标签名 /> 比如  <br />

空元素 用单标签来表示, 简单点说,就是里面不需要包含内容, 只有一个开始标签不需要关闭。

3.标签关系

  1. 嵌套关系

  2. 并列关系

html双标签 可以分为 有 一种是 父子级 包含关系的标签 一种是 兄弟级 并列关系的标签