博主信息
博文 2
粉丝 0
评论 0
访问量 2698
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
HTML文档结构以及元素的三大通用属性的掌握,使用浏览器控制台配合js命令获取HTML不同文档内容
phpcn_u127737
原创
873人浏览过

HTML默认文档结构

首先是申明文档类型,其次设置头部内容,用于SEO。其次是主体内容

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8"/>
  5. <meta name="viewport" content="width=device-width,inital-scale=1.0">
  6. <title>这是我的第一个HTML文档</title>
  7. </head>
  8. <body>
  9. <h1>我是主体内容标题</h1>
  10. <p>我是主体段落</p>
  11. </body>
  12. </html>

HTML元素的三大通用属性

属性 描述
id 具有唯一性,规定元素的唯一id属性
class 类属性,优先级低于ID属性
style 元素属性,规定元素的行内属性,优先级低于class属性

学习体会

  1. 主要还是要多敲代码,不懂的地方多看、重复看老师的讲解。
  2. 理解一个内容再开始下一个内容。
  3. 这次的课程干货太多,小白消化起来难。
  4. 关于javascript代码的一些记录。
代码 作用
console.log() 指令将代码执行结果发送到浏览器控制台显示
window 全局文档
document 当前文档
console.log(window.document.URL) 输出URL地址,必须大写
console.log(document.doctype) 输出文档类型
console.log(document,documentElement) 输出根元素,直接用html会报错
console.log(document.styleSheets) 输出样式表css
console.log(document.styleSheets[3]) 自由控制输出样式表,当前为第三个
const函数 定义的变量不可以修改,且必须初始化
let函数 块级作用域,函数内部使用,对函数外部无影响
批改老师:WJWJ

批改状态:合格

老师批语:刚开始接触都觉得难,时间久了就觉得简单了,加油!
本博文版权归博主所有,转载请注明地址!如有侵权、违法,请联系admin@php.cn举报处理!
全部评论 文明上网理性发言,请遵守新闻评论服务协议
0条评论
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • 登录PHP中文网,和优秀的人一起学习!
    全站2000+教程免费学