Blogger Information
Blog 6
fans 0
comment 0
visits 4841
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
Day2 作业
神一样的男子
Original
501 people have browsed it

HTML 的使用

  • 插件工具:emmet:代码提示及模块代码的应用,vscode 已自带该插件
    • 如:使用!+Tab 键自动生成 html 默认头文件

HTML 基础

  • HTML 组成:三部分

    • 文本
    • 资源:图片、视频、音频等
    • 标记:对文本、资源的描述
  • HTML :超文本的标记语言

    • 超链接、文本、固定标记,非编程语言,只是标记内容
  1. <!-- html 文件头 -->
  2. <!DOCTYPE html>
  3. <!-- 设定语言 -->
  4. <html lang="en">
  5. <head>
  6. <!-- meta: 元数据:为数据解释的数据 -->
  7. <!-- charset:字符编码集,UTF-8:国际通用 -->
  8. <meta charset="UTF-8" />
  9. <!-- 适配屏幕的属性,针对移动端:高度不设定可滚动,宽度适配屏幕,及缩放属性 -->
  10. <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  11. <!-- 文件标题 -->
  12. <title>Document</title>
  13. </head>
  14. <body>
  15. <!-- 正文 -->
  16. </body>
  17. </html>

元素、属性、值

  • 属性和值构成元素
  • 元素:空元素、非空元素
    • 非空元素:有开始和结束标签,有值
    • 空元素:只有一个开始标签,无值,内容为属性中对其他资源的引用
  • 属性:固定、预设的指定格式
  • 值:可视文本内容
  • 表单元素:多个子元素构成,作用是用户与服务器交互数据

实体字符:多个空格、制表符换行符写多个都只显示一个

文件名:单次之间用下划线“_”,属性值单词之间用中划线“-”

Correcting teacher:天蓬老师天蓬老师

Correction status:unqualified

Teacher's comments:1. 作业标题改一下 2. 把手写补上, 3. 群中信息要经常看看
Statement of this Website
The copyright of this blog article belongs to the blogger. Please specify the address when reprinting! If there is any infringement or violation of the law, please contact admin@php.cn Report processing!
All comments Speak rationally on civilized internet, please comply with News Comment Service Agreement
0 comments
Author's latest blog post