前端初阶——认识HTML | 青训营

136 阅读3分钟
前端入门语言之初识HTML

前端入门语言之初识HTML

第一次听说HTML

高中学VB第一次听说HTML时老师没有过多的介绍,只是让我们记住这是超文本标记语言以后选择题别做错了。

青训营第一次直观接触HTML

因为报错班,意外来到了前端基础的课堂,在这里第一次接触到了HTML语言的魅力。从这节课中我了解到的HTML是构建网页的基础,通过使用各种标签和元素来定义网页中的各个部分。再用标签告诉浏览器如何呈现页面的不同元素和内容,使得网页在浏览器中正确地显示和交互。

DOM树

这节课程中我大概了解到了DOM树,可以将整个HTML文档以层次结构的方式表示出来,使得我们可以轻松地理解和操作文档中的元素。

列表

我学到的重要概念是有序列表ol和无序列表ul。有序列表通过使用li标签来创建一个按顺序排列的列表,而无序列表则使用相同的标签来创建一个无特定顺序的列表。

在网页插入一首歌曲

《嚣张》

链接a

链接是连接不同页面或者同一页面内的不同部分的重要工具。通过使用a标签和href属性,我可以创建超链接,并将用户引导到其他页面或者其他位置的锚点。 例如访问抖音网页版

访问抖音

大致页面布局

页面布局.png

语义化的重要性

//下面使用本节课学习的ol有序列表罗列了4个点。

  1. 对浏览器友好,快速判断网页语言
  2. 提升可访问性
  3. 增强可维护性
  4. 跨平台兼容性

对于和我一样的初学者学习HTML语言,我有以下几点建议

1. 首先要了解基本的HTML结构,了解标签的作用和含义,以及它们之间的关系。 2. 学习常用的HTML标签。学习h1~h6标签用于页面标题,p标签用于段落,a标签用于链接。学会正确嵌套和组织标签。 3. 实践编写代码,知识只有通过实践才能真正掌握。尝试自己编写简单的HTML代码并在浏览器中查看结果。有利于加深对HTML语言的理解。

总结

在编写HTML时,我需要注意正确嵌套标签,保持良好的结构和层次关系。在此基础上,也可以使用CSS来为HTML元素添加样式和布局。CSS与HTML的相互配合,为用户提供了更丰富的网页设计和改进用户体验的能力。

总的来说,HTML是构建网页的基础语言,我通过学习和使用HTML,可以创建具有结构、内容和交互性的网页。它使我能够将信息有组织地展示给用户,并与用户进行有效的交流和互动。除了以上这些还有strong,em,q等很多html的小知识点,这节课让我进一步深入学习前端开发和探索更多HTML感兴趣!