DAY2 HTML与前端 | 青训营

#青训营笔记创作活动 HTML与前端

前端技术栈

HTML - CSS - JavaScript ~ 网络协议 ~ 服务器端

DOM树

mindmap
      document
          html
            head
               meta
               title
               ...
            body
               h1
               p
               ...
    

HTML语法

• 标签、属性不区分大小写
• 空标签可以不闭合，比如input、meta
• 属性值推荐双引号包裹
• 某些属性值可以省略，比如：required、readonly

HTML标签

• 列表
  • 有序<ol><li>
  • 无序<ul><li>
  • 自定义<dl><dt><dd>
• 链接
  • a
• 多媒体
  • img
  • audio
  • video
• 输入
  • input-type
    • range
    • number
    • date
    • checkbox
    • radio
  • textarea
• 选择、选项
  • select
  • option
  • datalist
• 文本
  • <blockquote cite="">块级引用
  • <cite>短引用
  • <code>代码
  • <pre>多行
  • <strong>
  • <em>

内容划分

• head
  • nav
• main
  • artide
• aside
• footer

语义化