前端学习记录day01(2021.01.03)
程序员文章站
2022-05-10 19:56:38
...
HTML5基础
开发环境
- VSCode
- Hbuilder
- Webstorm
- Sublime
- Atom
- Dreamweaver
- …
浏览器
- chrome
- IE
- safari
- firefox
- opera
vscode相关插件
- Open in Browser
- Live Server
HTML5基础
- Hyper Text Markup Language
- 制作网页的基础语言（超文本标记语言）
- 学习HTML就是掌握标记或标签
- 网页骨架模板
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>标题</title>
</head>
<body>
网页正文
</body>
</html>
- 标签
- 双标签 <标签名> </标签名>
- 单标签 <标签名 />
- 常用标签
-
标题(Heading)是通过<h1> - <h6>标签来定义
-
h1标题
-
h2标题
-
h3标题
-
h4标题
-
h5标题
-
h6标题
-
-
段落是通过<p>标签来定义
-
这是一个段落。
-
这是另外一个段落
-
-
超连接是通过<a>标签来表示
-
文本加粗通过<b>或者<strong>标签来表示
- <b>仅仅只是加粗文本
- <strong>具有加粗温和和强调语义的功能
-
文本倾斜通过<i>或者<em>标签来表示
- <i>仅仅只是文本倾斜
- <em>具有文本倾斜和强调语义的功能
-
文本删除线效果通过<s>或者<del>标签来表示
<s>仅仅只是显示文本删除效果<del>除了删除效果还具有强调语义功能
-
文本下划线效果通过<u>或<ins>标签来表示
- <u>仅仅就是添加一条下划线而已
-
文本添加双引号通过<q>标签实现
<q>标签给文本添加双引号
-
文本字体放大通过<big>标签来实现
- 常规字体大小文本
- <big>放大字体后的文本
-
文本字体缩小通过<small>标签实现
- 常规字体大小文本
- <small>放大字体后的文本
-
上标通过<sup>标签实现
- 这段文本有一个上标我就是那个上标<sup>
-
下标通过<sub>标签实现
- 这端文本有一个小标我就是那个下标<sub>
-
换行通过<br />标签实现
-
这是很长很长一段话
但是我通过<br />强制换行了
-
-
字符实体（转义字符）
| 显示结果 | 描述 | 实体名称 |
|---|---|---|
| 空格 | | |
| < | 小于号 | < |
| > | 大于号 | > |
| & | 与 | & |
| " | 双引号 | " |
| ' | 单引号 | '(IE不支持) |
| ¢ | 分 | ¢ |
| £ | 镑 | £ |
| ¥ | 人民币/日元 | ¥ |
| € | 欧元 | € |
| § | 小结 | § |
| © | 版权符号 | © |
| ® | 注册商标 | ® |
| ™ | 商标 | ™ |
| × | 乘号 | × |
| ÷ | 除号 | ÷ |
| µ | 微米符号 | µ |
| ½ | 分数 | ½ |
| ⅔ | 分数 | ⅔ |
| 中·间 | 中间点 | · |
| 2¹ | 上标1 | ¹ |
| 2² | 上标2 | ² |
| 55° | 度的符号 | ° |
上一篇： 前端学习笔记HTML01
下一篇： Delphi中Unicode转中文