HTML 笔记

总得记点啥。。。

认识windows快捷键

Ctrl+c	复制
Ctrl+v	粘贴
Ctrl+x	剪切
Ctrl+a	全选
Ctrl+s	保存
Ctrl+z	撤销一步
Windows+d	返回桌面
Windows+e	我的电脑
Windows+r	打开运行
Alt+tab	切换软件
Ctrl+tab	软件文档之间的切换
F2	重命名
F5	刷新页面

认识大前端

前端即网站前台部分，运行在 pc端、移动端 等浏览器上展现给用户浏览的网页。

前端核心技术：HTML、CSS、JavaScript

HTML (Hyper Text Markup Language) —> 结构
CSS (Cascading Style Sheet) —> 样式
JavaScript —> 行为动作

认识网页

网页由文字、图片、输入框、视频、音频、超链接等组成。

web标准

w3c 万维网联盟组织：用来制定web标准的机构（组织）
web标准：制作网页要遵循的规范
web标准规范的分类：

结构标准 —> html，相当于人的身体
表现标准 —> css，相当于人的衣服
行为标准 —> javascript，相当于人的动作

浏览器

浏览器 是网页运行的平台，常用的浏览器有IE、火狐（Firefox）、谷歌（Chrome）、Safari和Opera等。

扩展，待补充。。。

初识HTML

html (Hyper Text Markup Language ) 中文译为“超文本标记语言”，主要是通过html标记对网页中的文本，图片，声音等内容进行描述。

HTML之所以称为超文本标记语言，不仅是因为他通过标记描述网页内容，同时也由于文本中包含了所谓的“超级链接”，通过超链接可以实现网页的跳转。从而构成了丰富多彩的Web页面。

HTML文件后缀名为 .html 或 .htm

HTML结构标准

<!DOCTYPE html>    	# 声明文档类型
<html lang="en">	# 根标签
<head>		# 头标签
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>		# 标题标签
</head>
<body>	# 主题标签
    。。。
</body>
</html>

HTML标签分类

单标签

注释标签

1 2	<!-- 注释内容 --> 注：快捷键 Ctrl + /

换行标签
1
水平线标签
1
<hr />

图片标签

1	<img src="/path/filename" alt="替代文字" />

。。。。。。

双标签

双标签
- 段落标签
 1
 段落内容

标题标签
1
2
3
<h#> 标题 </h#>

注： # 为 1-6

文本标签
1
文本内容

文本加粗标签

1
2
3

<strong>文本内容</strong> # 建议使用
或
<b>文本内容</b>

下划线标签

1
2
3

<ins>文本内容</ins>
或
<u>文本内容</u>

文本倾斜标签

1
2
3

<em>文本内容</em>  # 建议使用
或
<i>文本内容</i>

删除线标签

1
2
3

<del>文本内容</del>   # 建议使用
或
<s></s>

超链接
1
<a href="link path">链接名</a>

。。。。。。

路径

相对路径

相对于文件自身出发的路径，就是相对路径。

绝对路径

从根目录出发的路径，即位绝对路径。