这是我参与「第四届青训营 」笔记创作活动的第1天
- 学习前端也有些日子了,我在学习过程中经常会学了后面的忘了前面的,这次有幸参加了字节的青训营,第一节课就讲了HTML前端基础,帮我回忆并巩固了以前学的一些知识。好多HTML标签我都没什么印象了,下面是课堂上回忆起来的一些知识,以及我平时比较常用的一些HTML标签。
- 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文档,输入!,按下回车,整个基本骨架就会全部展示出来了。
- 图像标签
<img src="" alt=""/>
img图像标签是我们在HTML中引入图像的一个重要的标签,src里面的内容是图片的路径。
- 链接标签
<a href="https://www.baidu.com">这是一个链接</a>
a标签是我们在进行页面跳转的时候常用的一个标签。href里面的内容是跳转的地址。
- 列表标签
<ul>
<li>我是第一个小力</li>
<li>我是第二个小力</li>
</ul>
这个是列表标签,是一个无序列表,将上面的ul改为ol则为有序列表,在平时也用得多。
- span标签
<span>我是span标签</span>
span标签用于对文档中的行内元素进行组合,在平时也用的多。
- table表格标签
table表格标签里面还有tr,td等元素......
................