这是我参与「第五届青训营 」笔记创作活动的第1天。本堂课主要介绍了什么是前端和HTML,前端要解决的基本问题以及HTML中的一些语法和一些标签的使用、基本功能,让我对前端和HTML的了解更加深刻。
【什么是前端】
前端即网站前台部分,也叫前端开发,运行在PC端,移动端等浏览器上展现给用户浏览的网页。随着互联网技术的发展,HTML5,CSS3,前端框架的应用,跨平台响应式网页设计能够适应各种屏幕分辨率,完美的动效设计,给用户带来极高的用户体验。
前端需要关注美观、安全、功能、兼容、体验、性能、无障碍等。
【什么是HTML】
HTML的全称为超文本标记语言,是一种标记语言,也是一种计算机语言,浏览器能把它翻译并展现出来,用于描述一个网页的信息。
HTML的基本布局
HTML语法
- 标签和属性不区分大小写,推荐写
- 空标签可以不闭合,比如input、meta
- 属性值推荐双引号包裹
- 某些属性值可以省略,比如requried、readonly
今天所学的HTML标签
- h1-h6:标题
- ol,li,ul,dl,dt,dd:列表
<a href=""></a>:链接 -<image></image>:图片<video></video>:视频<audio></audio>:音频<input type> ,<textarea></textarea>:输入<option></option>:下拉单选<datelist><option></option></datelist>:单选选项- blockquote,cite:引用
课后总结
通过这节课的学习我知道了什么是前端以及前端要解决的问题,对HTML语言有了些了解,知道了一些网页是如何做出来的,之前看到许多好看的网页一直想知道是怎么做出来的,解答了心中的一些疑惑,对学习前端有了很大兴趣,当然HTML中有着许许多多的标签,它们还有待我去探索,还好本次课程提供了MDN文档链接,让我更加方便的去学习HTML,相信在我的努力下,运用HTML会更加得心应手。