这是我参与「第五届青训营 」笔记创作活动的第1天。

本课学习内容

• 前端 ：
  • 解决GUI人机交互问题、跨终端、Web技术栈。
  • 应该关注“兼容”、“美观”、“功能”、“安全”、“无障碍”、“性能”等方面。
  • 边界有node.js、ELECTRON、React Native、web RTC、WebGL、WebASSEMBLY等。
  • 开发环境有浏览器、编辑器。
• HTML(HyperText Markup Language)：
  • 由超文本（图片、标题、链接、表格）和标记语言组成。
  • HTML具有特定的语法，需要语义化。
  • HTML属于前端，所以也应当关注“兼容”、“美观”、“功能”、“安全”、“无障碍”、“性能”等方面。

HTML

常见的HTML：段落p标签、标题h1-h6标签、块div标签、列表ol/ul标签、图像img标签和超链接a标签。

ps：h标签按照顺序字体依次减小，ol列表为有序列表，ul为无序列表。

示例：

• h标签

    <h2>h2</h2>
    <h3>h3</h3>
    <h4>h4</h4>
    <h5>h5</h5>
    <h6>h6</h6>

• ol/ul标签(ol/ul为父元素，li为子元素)

        <li>1</li>
        <li>2</li>
        <li>3</li>
    </ul>
    <ol>
        <li>1</li>
        <li>2</li>
        <li>3</li>
    </ol>

• img标签（src是图片地址 alt属性可以进行无图片提示 图片大小可以通过调整标签大小来实现）
  

<img src="" alt="无法显示">

• a标签（href为链接地址）
  <a href="#">超链接</a>

总结：

• 在进行HTML编写时要了解每个标签和属性的含义、思考什么标签最合适描述当前内容，从而做到语义化。虽然可以通过css进行达到某些标签属性的作用，但标准更推崇语义化。这样提高代码可读性、可维护性、提升无障碍性。
• 在日常的学习和使用中应当时常记忆各个标签和属性，对于不了解的标签和属性可以去文档查找。

引用参考

• 前端与HTML 学习资料
• 文章的记录结构参考了青训营优秀笔记