重拾HTML标签 | 青训营笔记

138 阅读2分钟

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

  • 学习前端也有些日子了,我在学习过程中经常会学了后面的忘了前面的,这次有幸参加了字节的青训营,第一节课就讲了HTML前端基础,帮我回忆并巩固了以前学的一些知识。好多HTML标签我都没什么印象了,下面是课堂上回忆起来的一些知识,以及我平时比较常用的一些HTML标签。
  1. HTML实例

<!DOCTYPE html> 
<html>
<head> 
<meta charset="utf-8">
<title>HTML实例</title>
</head>
<body> 
<h1>我的第一个标题</h1>
<p>我的第一个段落。</p> 
</body> 
</html>

这里面包含了title文件标题标签,head头部标签,h1段落标题标签,p标签。 是表明这个文件为HTML文档,上面的代码是HTML的基本结构,编码格式采用的是UTF-8,这个基本结构可以快速生成,在VScode中新建个html文档,输入!,按下回车,整个基本骨架就会全部展示出来了。

  1. 图像标签
<img src="" alt=""/>

img图像标签是我们在HTML中引入图像的一个重要的标签,src里面的内容是图片的路径。

  1. 链接标签
<a href="https://www.baidu.com">这是一个链接</a>

a标签是我们在进行页面跳转的时候常用的一个标签。href里面的内容是跳转的地址。

  1. 列表标签
<ul>
<li>我是第一个小力</li>
<li>我是第二个小力</li>
</ul>

这个是列表标签,是一个无序列表,将上面的ul改为ol则为有序列表,在平时也用得多。

  1. span标签
<span>我是span标签</span>

span标签用于对文档中的行内元素进行组合,在平时也用的多。

  1. table表格标签

table表格标签里面还有tr,td等元素......

................

HTML中的标签非常非常多,但常用的也就几个,我们仍然需要牢牢掌握,烂熟于心,这样在今后开发的过程中才可以少走弯路。