Html5学习第一课，html架构基础

让学习成为习惯，兴趣才能战胜学习的枯燥和学而不成的烦恼！

今天我们开始学习编程基础Html5,第一课

  • 走进html5-web程序设计

  1. a:生成超链接符
  2. body:表示文档内容
  3. button:提交按钮
  4. code:代码片段
  5. DOCTYPE:文档的开始
  6. head:表示html文档头部
  7. hr表示主题改变
  8. html:表示文档的html部分
  9. input:表示用户输入的数据
  10. label:生成另一元素的说明标签
  11. p:表示段落
  12. style:定义css样式
  13. table表示用表格组织的数据
  14. td:
  15. textarea
  16. th
  17. title
  18. tr

    其他元素

  19. 空元素
  20. 自闭合标签
  21. 虚元素

    元素属性

  22. 元素属性添加 1.元素布尔属性
    • 布尔名称：disabled
    • 布尔值：disabled="true"
    • 空布尔值：disabled=""
    • disabled="disabled"

      自定义属性

  • 表示方法：data-
  • 例如：data-creator="adam" data-purpose="collection"

    创建HTML文档

  • 1.文档结构 ：外层结构和文档正文结构分别用：DOCTYPE HTML表示
  • 2.<!DOCTYPE HTML>含义：布尔值表示要处理的是html文档。
  • 3.<html>文档内容处理</html>
    • <head>名称</head>表示浏览器头部结构层
      • <title>名称</title>表示标题结构层
    • <body>名称</body>表示浏览器正文结构层

      以上内容为我们熟知的浏览器的基本结构。

      html5规范包括三种类型：元数据元素、流元素、短语元素

      元素间身份关系：父元素、子元素、后代元素和兄弟元素

      例如：head层子元素是title,而title是html后代元素，head和body是兄弟元素。

      html5全局属性包括的标签：

      • accesskey属性：
      • class属性：这是一个单独的部分，又叫层叠样式表，我们单独来写这一部分。
      • 以上为学习的基本资源，需要原书的朋友请加V，万元专业书籍免费给你看！

posted on 2020-02-18 12:05  德天老师  阅读(37)  评论(0)    收藏  举报

导航