什么是前端
- 解决GUI人机交互问题
- 跨终端
- Web技术栈
前端技术栈：
JavaScript(行为) + CSS(样式) + HTML(内容)
HTML是什么
HTML的全称是 HyperText Makeup Language
- HyperText——图片、标题、链接、表格
- Makeup Language ——文章标题
插入图片
<img src = "photo.jpg" />
- src——属性名
- photo.jpg——属性值
HTML的结构
<html>
<head>
<meta charset="UTF-8">
<title>页面标题</title>>
</head>
<body>
<h1>一级标题</h1>
<p>段落内容</p>
</body>
</html>
HTML语法主要有以下四点：
- 标签和属性不区分大小写，但推荐原生的一些标签使用小写，构架的组件可以用大写来表示。
- 空标签可以不闭合，因为标签中间不会再放其他内容，例如input，meta
- 属性值推荐使用双引号来包裹
- 某些属性值可以省略，比如required，readonly
语义化是什么
-
HTML中的元素、属性及属性值都拥有某些含义
-
有序列表——ol
-
无序列表——ul
-
定义列表——dl：在dl标签中可以使用dt（标题）dd（标题具体描述的值），且一个dt可以对应多个dd
-
lang属性表示内容所使用的语言
语义化的好处
- 代码可读性
- 可维护性
- 搜索引擎优化
- 提升无障碍性
