这是我参与「第五届青训营 」伴学笔记创作活动的第 1 天
一、前言
本次课程主要介绍了:
- 前端要解决的基本问题
- HTML的基本定义和语法
- 为什么要语义化和怎么做的语义化
二、什么是前端
前端也称web前端,web前端即为网站的前端开发,前端开发是创建Web页面或app等前端界面呈现给用户的过程。
web前端开发通过HTML,CSS及JavaScript以及衍生出来的各种技术、框架、解决方案,来实现互联网产品的用户界面交互。它从网页制作演变而来,名称上有很明显的时代特征。网页制作是Web1.0时代的产物,早期网站主要内容都是静态,以图片和文字为主,用户使用网站的行为也以浏览为主。
随着互联网技术的发展和HTML5、CSS3的应用,现代网页更加美观,交互效果显著,功能更加强大。Web前端主要是用来开发用户通过浏览器可以浏览和使用的Web页面的。 一般而言,所涉及的内容主要包括W3C中的HTML、CSS和JavaScript这三方面的内容。
三、前端需要关注哪些问题
- 功能
- 美观
- 无障碍
- 安全
- 性能
- 兼容
- 性能
四、HTML语法特点
- HTML不需要编译,直接由浏览器执行
- HTML文件是一个文本文件
- HTML文件必须使用html或htm为文件名后缀
- HTML大小写不敏感,HTML与html一样
五、HTML标签
- 标题标签h1-h6
- 段落标签p
- 换行标签br
- 水平线标签hr
- 图片标签img及路径详解(绝对/相对路径)
- 超文本链接标签a
- 超本文链接之锚点
六、总结
HTML的全称为超文本标记语言,是一种标记语言。它包括一系列标签.通过这些标签可以将网络上的文档格式统一,使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本,HTML命令可以说明文字,图形、动画、声音、表格、链接等。
HTML主要的任务是展示内容,向用户传达信息,而不是单纯对样式的引用。因此,学习语义化相关知识,并在实际编码过程中,实践不同的语义化规范,是一个前端工程师的基础必修课。同时,是否具有良好的语义化,也是判断一个页面好坏的标准。