这是我参与“第五届青训营伴学笔记创作活动”的第一天。
今天所学的课程是前端与HTML的基础知识,而这也是我首次接触这一领域。
概述
首先是前端,这是为了解决人机交互问题的一种开发领域,包含了控制页面内容的HTML、控制页面样式的CSS以及控制行为的JavaScript,这三大部分构成了前端。
其次,重点来了。HTML(超文本标记语言) 是web内容的基础,而在编程语言中HTML确实是一种简单的语言。
所谓标记语言,就是要告诉浏览器的标记内容。比如,HTML的开发就是在<html></html>这一对根标签中完成,前者是开始标签,后者是结束标签。
再比如,我们需要完成一篇文章的编写,那么标题是不可或缺的。这时可以使用HTML提供的六级标题,分别从<h1>到<h6>。
HTML语法(部分)
关于HTML语法:
- 标签属性不区分大小写,但推荐小写;
- 空标签可以不闭合,比如input和meta等;
- 属性值推荐用双引号包裹;
- 某些属性值可省略,如required, readonly等。
课程感悟
在课上所教的代码中,我最感兴趣的是<a>这一元素。
Anchor可以使内容变成超链接,最典型的应用就是把外部网站引用至此,这样用户就可以跳转至外部网站。比如
<a href="https://www.12345.com/" title="123456" target="_blank">123456</a>
而在一般的网页中,除了超链接,列表内容(有序列表<ol>、无序列表<ul>和定义列表<dl>)同样常用。
除了这些,HTML提供了很多的元素标签可供选择使用,比如文本框、复选框、单选框等等。这些可以为一个网页做出各种各样的功能。
Html中与语法同等重要的应该是语义。工程师所做出来的东西,面对的不仅是客户,还有运维、浏览器、搜索引擎甚至是给盲人提供的阅读器。所以,在语义中,我们需要用正确的元素来表达正确的意思。比如,如果要创建标题,那么就用<h1>到<h6>的其中一种,而不是自行拓展style属性来调整字体之类。
作为前端的学习者,“我们要传达的是内容,而不是样式”,这是这节课我所学到的最为印象深刻的一句话。