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

前端有三大基础技术栈

• html
• css
• javascript

今天这节课介绍了HTML

HTML

HTML是超文本标记语言，是一种标记语言。其通过一系列标签将网络上的文档格式统一，其实就是网页中内容的部分。接下来是一些常用的标签。

h1~h6 —— 标题

h表示的是标题，分为h1~h6级，h1字体最大，h6最小。

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

代码运行出来是这样的：

ul，li和ol，li和dl，dt，dd —— 列表项

ul是无序列表，ol是有序列表，li表示行排列不单独使用，需要放在ul和ol里面配合使用；dl，dt，dd也表示列表项，和ul、ol很像。dl被称为“定义列表”，dt被称为“定义标题”，dd被称为“定义描述”。

  <h1>排行榜1</h1>
  <ol>
    <li>泰坦尼克号</li>
    <li>流浪地球</li>
    <li>阿凡达</li>
  </ol>
  <h1>推荐电影</h1>
  <ul>
    <li>泰坦尼克号</li>
    <li>流浪地球</li>
    <li>阿凡达</li>
  </ul>
  <dl>
    <dt>导演</dt>
    <dd>xxx</dd>
    <dt>主演</dt>
    <dd>xx</dd>
  </dl>

代码运行出来是这样的：

a —— 链接

a表示跳转链接，有两个主要的属性，href和target。

 <a href="https://juejin.cn/">掘金首页</a>

代码运行出来是这样的：

网页的布局

主要分为header、main、aside、footer。header部分包含导航栏等内容，main是网页的主要内容部分，aside可以存放一些广告、排行榜等内容，footer则是一些商家信息、广告等不那么重要的内容。

语义化

语义化指的是HTML中的元素、属性、属性值都拥有某些含义，开发者应当遵循语义来编写。这样的好处是代码高可读性、具有可维护性、利于搜索引擎优化、便于提升无障碍性等。