博客列表 >HTML页面文档结构与HTML标签以及三大通用属性的认识

HTML页面文档结构与HTML标签以及三大通用属性的认识

evan
evan原创
2020年06月12日 14:11:02704浏览

1. 默写html页面的文档结构

实例

<!DOCTYPE html>         //HTML5标准网页声明

<html lang="en">   //HTML根元素

<head>  //头部元素的标签

   <meta charset="UTF-8"> //元数据, 定义网站编码为utf-8
   <title>php</title>  //网站标题

</head>

<body>  //网页主体
<h2></h2>  //2级标题元素

 <p></p> //段落元素

</body>

</html>

运行实例 »

点击 "运行实例" 按钮查看在线实例

2. 默写html元素的三大通用属性

1) id 具有唯一性,使用时候注意不要使用同一个ID ,浏览器是不能识别是否  有相同的ID存在

2)class 类元素,可以重复使用在多个标签上;

3)style 内联元素,优选级比较高;

3. 理解元素,类,id不同级别的样式规则

三个元素的优选级

根元素< class < id < style


总结一下,昨天老师结合案例来讲课,这个是很不错的,可以让我学以致用,提前熟悉了JS的标签与html文档的结合,以及初识console.log与浏览器的反馈结果;知道CSS层叠样式元素的一些规则;总之,收获良多。


声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议