收藏
WJ批改状态：合格
老师批语：写的很认真，不明白的地方多看看视频，上中文网看看手册。
HTML 页面树状结构图
HTML5文档结构
| 序号 | 代码 | 描述 |
|---|---|---|
| 序号 | <!DOCTYPE html> | 通知浏览器这是一个HTML5文档，应始终写在第一行 |
| 序号 | <html>…</html> | 根元素，或叫标签，整个HTML文档内容都必须写在标签内 |
| 序号 | <html lang="en"> | 通知搜索引擎HTML文档使用的编辑语言，如果是中文建议改成：<html lang="zh-CN"> |
| 序号 | <hend>…</hend> | 头部标签，供浏览器和搜索引擎使用，描述字符编码集，视口与页面标题，用户并不感兴趣 （写给浏览器看的，用户看不见） |
| 序号 | <meat> | 设置页面元素数据，所谓元数据，就是描述某种特定信息的数据 |
| 序号 | <meat charset="UTF-8"> | 通知浏览器html文档编写语言所属的字符编码集，最广泛使用’UTF-8(可识别所有语言)’，以成行业标准。（除了UTF-8还有GB2312 、ISO-8859-1、GBK等） |
| 序号 | <meat name="viwport" conter="..."/> | 下面三行是对它的详细解读 |
| 序号 | <name="viwport"> | 设置视口（即可视区屏幕）如何显示这个页面，例如是否允许缩放这个页面 |
| 序 | <initial-scale=1.0> | 设置页面初始缩放比例，’1.0’表示原样1:1显示，不允许有任何绽放 |
| 序号 | <title> | 显示在浏览器标签上的文本，指定当前页面的标题，这个标签对SEO非常重要 |
| 序号 | <body>…</body> | 主体标签，页面主体内容，允许或希望用户看见的内容都应该写到这里，用户也只对这里的内容感兴趣 |
| 序号 | <!--注释内容--> | 注释用来描述标签功能或用途，他的内容不会出现在显示的网页中，只会显示在HTML源代码中 |
| 元素类型 | 标签类型 | 语法 | 实例 |
|---|---|---|---|
| 非空元素 | 双标签 | <起始标签 属性1 属性2 …>元素</起始标签> | <p>PHP中文网</p> |
| 空元素 | 单标签 | <标签 属性1 属性2 …> | <img src="meinv/girl.jpg" alt="女孩"> |
1.通过浏览器控制台 Console来获取
2.获取方式
// 必须使用<script></script>标签包含<script>//写的就是javascript的脚本代码//使用console.log()指令将代码执行结果发送到浏览器控制台显示//调用全局widow 大BOOSconsole.log(window);//调用当前html文档console.log(windoe.document);//调用URLconsole.log(windoe.docume.URL);//windoe可以省略console.log(document.URL);//文档类型console.log(document.docype);//根元素htmlcnsole.log(document.documentE1ement);//头元素console.log(document.head);//编码console.log(document.charsrt);//title标签comsole.log(document.title);docume.title='更改内容' //字符串必须用引号包裹可以是双引号也可以是单引号//主体badycomsole.log(docume.bady);docume.bady.style.bgckgroundColor='wheat';//css样式表console.log(socument.styleSheets);console.log(socument.styleSheets[0].pyte);//js脚本console.log(socument.scripts);console.log(socument.scripts[0]);//当前正在被执行的脚本console.log(socument.currentScript);//直接使用选择器来获取只返回满足条件的第一个，只返回一个lex x=document.querySelector('#title-id');//返回满足条件的全部元素lex y=document.querySelector('.title-class');console.log(y);</script>
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
