上个星期，我转行当了 Web 开发者，对我来说全新的开始。我得先学 HTML，这个就是拿来搭建网站的必备工具。HTML 有许多元素可以帮你规划和展示网页，让浏览器看得明白，才能正确呈现效果！这周给大家科普下常见的四种 HTML 元素，再拿我自己上周做的网页试手~

HTML的基础知识

现在咱们来讲讲HTML的常识。挺好懂的，HTML呢就是超文本标记语言，它能搭房子，也就是网页。要建网页，得用到一堆元素，就跟砖头似的。刚刚学了怎么包文字，怎么整理和设计网页内容。

HTML元素就像个包裹一样，有开头，有结尾；中间放的就是咱们要展示的东西。比如说，

`标签用于定义段落，你只需要把文本放在`

头>
  
这是一些常规正文。
  
还有更多！
正文>

`开始标签和`

只要在标签后面加个句号，浏览器就懂了那就是一段话。就是这么简单直白的规则，让我对HTML产生了极大兴趣。

文本元素的应用

标题
副标题
标题
副标题
部分
小节

网页设计里头，文字可是大头，必须要用到的！HTML给咱提供了好多处理文本的小工具，像是段落（`）这样的就是。

标题呀（“到“）这种东西，不止是让咱们文章看上去舒服点儿，还有助于理清内容顺序。就比如，用这个标题它就可以明明白白告诉读者这篇文章的脉络，对搜索引擎优化（SEO）和用户体验都大有好处！

我搞懂了如何用方括号加减号(

list item

和

)来显示信息。如果想列没规律的东西，就可以用横线的那种，名叫混乱列表（

ul

）；要是想按顺序列出来，那就得用咱们熟悉的直线左侧加序号的那种，就是有序列表啦（

ol“`）。这样一弄，页面看起来清晰很多，内容也更丰富且井然有序。

多媒体元素的添加

除了文字外，网页还能放图片、音乐还有视频。这样做的话，网页就变得更有趣、更好看！HTML给我们提供了对应的元素来嵌套这些多媒体文件，比如说插入图片用这个“标签，插入音视频用“和“。

看来得给网页上个图了！用<img>元素就能轻松搞定。而且，要注意选适合的图像格式和大小，这样才能提高网页打开速度和用户体验。

第 1 项
 
  
第 2 项
 
  
第 3 项
 

实践与挑战

本周有个挑战任务，就是做个“自我介绍”网页，得用到两个样式的标题、列个清单、写点我自己的话并带个图。这样一来不仅可以实践下HTML，对网页设计也能更深了解。

我开始做我的“自我介绍”页！先选好几个级别的标题把内容穿起来，再用段落元素简单地写下我是谁。接下来就是要展示下我都有哪些喜好啦～搞了个无序列表搞定。然后挑了一张我钟爱的照片，嵌进去就完事了。搞定之后，火速登上浏览器一瞧，看到我的劳动成果展现在眼前，开心得不得了！

熬过这一星期的学习和实操后，HTML算是让我有更深的了解！现在我能熟练运用各种HTML元素来打造并美化网站，同时也感受到了制作网页的乐趣和考验。我相信只要坚持学习和实践下去，绝对能成为厉害的Web开发高手哒！