课06.丰富我们的标签装备库

项目下载地址:前往GitHub

课06.丰富我们的标签装备库——大纲

回顾学过的标签

一级标题~六级标题<h1>~<h6>

<h1>一级标题</h1>
<h2>二级标题</h2>
<h3>三级标题</h3>
<h4>四级标题</h4>
<h5>五级标题</h5>
<h6>六级标题</h6>
1
2
3
4
5
6

块级标签<div>

<div>
  这里是霸占一行的块级标签div
</div>
1
2
3

行级标签<span>

<span>
  用多少就占多少的行级标签
</span>
1
2
3

段落标签<p>

<p>
  这是一段文字。
</p>
1
2
3

图像标签<img>

<img src="logo.png">
1

超链接标签<a>

<a href="https://www.idev365.com/">idev365首页</a>
1

表格标签<table>

<table border="1">
  <thead>
    <th>课程名</th>
		<th>详细说明</th>
  </thead>
  <tr>
    <td>01.认识一张网页</td>
		<td>了解网页的基本结构</td>
  </tr>
  <tr>
    <td>02.理解标签</td>
		<td>了解如何书写标签</td>
  </tr>
</table>
1
2
3
4
5
6
7
8
9
10
11
12
13
14

有序列表<ol>

<ol>
  <li>看视频</li>
  <li>敲代码</li>
  <li>学教程</li>
  <li>做练习</li>
</ol>
1
2
3
4
5
6

无序列表<ul>

<ul>
  <li>敲代码</li>
  <li>倒水</li>
  <li>喝水</li>
  <li>上厕所</li>
</ul>
1
2
3
4
5
6

如何自学更多标签和样式

自学标签,我总结了几个步骤:

  1. 首先你要学会查资料,巧妇难为无米之炊,我会在下面的文章里,给你推荐两个不错的学习资料的站点。
  2. 阅读完资料后,开始动手实践。每学习完一个标签,或者在学习标签的过程中,就动手,打开VSCode,新建一个HTML页面,然后写一写。这样你才能快速消化学到的内容。如果说学习编程有什么秘密,那也许这就是秘密。多动手,多实践。比较掌握计算机技术,是需要很多实践的。我想这一点也不光是学计算机,在其他知识的学习的时候,你也应该多实践。
  3. 尝试一些自己的想法。学习是为了应用,所以学过的东西,一定要运用起来。自己大脑里有一些什么想法的时候,运用学过的知识去做一些小例子。都是很好的再次巩固加深知识的过程。
  4. 长期坚持,学习是一个长久的事情。不管你是哪种一学就会的聪明人,还是像我这种需要花上一段时间,才能理解的资质一般的人。我想,你如果长期坚持下去,把学习作为一种习惯去培养。时间长了,你也能跑完全程。

这里推荐两个比较好的学习HTML标签的站点。

  • 菜鸟教程
    • 菜鸟教程,把很多技术都罗列除了很详细的知识点。平时可以当学习字典来对待。
    • 前往菜鸟网站
  • MDN
    • MDN是非常专业的Web端技术网站,在技术术语上更加专业,适合有一定基础的同学,查看资料时使用。
    • 前往MDN

课程小结

本节课,我们重点做了两件事:

  1. 回顾了前5节课,我们学习过的所有的标签
  2. 山老师教你一些自学标签和样式的学习方法

课后练习

不看教程,回忆自己前几节课学过的哪些标签,你是否能够独自把所有的标签都写出来呢?

使用我推荐你的这两个标签,去学习一些新的标签。

你可以通过做练习和整理笔记的方式,把你新学到的标签是什么,有什么用,以及有哪些常用的属性。把这些内容统统记录下来。

希望通过本节课的学习,你能把这些自学的方法运用起来,慢慢锻炼自己的自学能力。