这是我参与「第五届青训营」伴学笔记创作活动的第 1 天
1.什么是前端
解决GUI人机交互问题
跨终端
Web技术栈
2.前端技术栈的实现原理
JavaScript(行为) CSS(样式) HTML(内容)
通过网络协议与服务器端交换
3.前端主要关注点
美观 安全 兼容 功能 体验 性能 无障碍
4.何为html
HyperText Markup Language
5.DOM树
docment-< html>-< head>/< body>-< meta>/< title>/< h1>/< p>
6.html的一些语法
标签和属性不区分大写
空标签可以不闭合
属性值推荐用双引号包裹
某些属性值可以省略
7.各种标签
<base>指定用于一个文档中包含的所有相对 URL 的根 URL
<audio>显而易见 插入视频
<style>包含文档的样式信息或者文档的部分内容
<title>定义标题
<h1>-<h6>呈现了六个不同的级别的标题
<div>用型的流内容容器，在不使用CSS的情况下，其对内容或布局没有任何影响
<a>可以通过它的href属性创建通向其他网页、文件、同一页面内的位置、电子邮件地址或任何其他 URL 的超链接
<abbr>代表缩写，并且可以通过可选的title属性提供完整的描述
<address>表示其中的 HTML 提供了某个人或某个组织（等等）的联系信息
8.列表
html中三种列表
- 有序 使用ol标签来创建有序列表，使用li表示列表项
- 无序 使用ul标签来创建无序列表，使用li表示列表项
- 定义 使用dl标签来创建有序列表，使用dt来表示定义的内容，使用dd来对内容进行解释说明
9.超链接
可以让我们从一个页面跳转到其他页面，或者是当前页面的其他的位置
我们使用a标签定义
-
href 指定跳转的目标路径
- 值可以是一个外部网站的地址
- 也可以写一个内部页面的地址
-
target 用来指定超链接打开的位置
- _self 默认值 在当前页面中打开超链接
- _blank 在一个新的页面中打开超链接
