HTML默认文档结构
首先是申明文档类型，其次设置头部内容，用于SEO。其次是主体内容
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"/> <meta name="viewport" content="width=device-width,inital-scale=1.0"> <title>这是我的第一个HTML文档</title> </head> <body> <h1>我是主体内容标题</h1> <p>我是主体段落</p> </body> </html>
HTML元素的三大通用属性
| 属性 |
描述 |
| id |
具有唯一性，规定元素的唯一id属性 |
| class |
类属性，优先级低于ID属性 |
| style |
元素属性，规定元素的行内属性，优先级低于class属性 |
学习体会
- 主要还是要多敲代码，不懂的地方多看、重复看老师的讲解。
- 理解一个内容再开始下一个内容。
- 这次的课程干货太多，小白消化起来难。
- 关于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函数 |
块级作用域，函数内部使用，对函数外部无影响 |
