前端之HTML
2008 年 10 月 17 日
1. 前端概述
1.1 前端
前端和后端，站在代码执行位置的角度来区分的话，服务端所执行的代码被称为后端代码，也就是这部分代码是在服务器上运行的。
而我们所看到的网页内容，是我们的浏览器获取到服务器处理后发来的结果（代码）之后，在本地进行渲染后所呈现的效果。
也就是说，这部分代码是在客户端本地执行的，那么这些在客户端本地执行的代码就叫前端代码。
总的来说，前端就是在客户端执行的代码，而后端，就是在服务端执行的代码。
1.2 HTML
HTML是 HyperText Mark-up Language 的首字母简写，意思是超文本标记语言，超文本指的是超链接，标记指的是标签，是一种用来制作网页的语言。
这种语言由一个个的标签组成，用这种语言制作的文件保存的是一个文本文件，文件的扩展名为html或者htm，一个html文件就是一个网页。
html文件用编辑器打开显示的是文本，可以用文本的方式编辑它，如果用浏览器打开，浏览器会按照标签描述内容将文件渲染成网页，显示的网页可以从一个网页链接跳转到另外一个网页。
2. HTML的基本标签
Pray の 小破站
<!-- -->
这里是顶部，这里设了一个a标签的锚点
1. 最基本的几个标签
1.1 几个特殊图标和符号
这里的nbsp代表一个空格
这里的>和<分别表示大于和小于
这里的br标签是
换行标签
1.2 几个字体格式
这是加粗标签，行内元素，表示非常重要的内容
加粗，行内元素，原本没有语义，w3c强加了语义，表示文档中的关键字或者产品名
这个标签是在文本上加删除线
斜体标签，行内元素，表示语气中的强调词
1.3 块级标签和内联标签，所有的标签都分为块级标签和内联标签
这是一个内联标签，
span标签只占它所包含的内容的范围，
这里定义了三个span标签，它们显示在同一行了。
div是一个块级标签
每个div独占一行
块级标签
h1到h5的h系标签，h系列标签的自身特性是加大加粗
div标签是块级标签，div的特性就是一个白板
p标签，p标签的特性是段落和段落之间有间隙
行内标签
span标签，它的特性就是一个白板
1.4 图片和超链接标签
打赏一下
回到首部
3. 列表和table表格
Pray の 小破站
1. 列表和表格
列表
有序列表
- a
- b
- c
无序列表
- a
- b
- c
自定义列表
- 第一章
- 第一节
- 第二节
- 第二章
- 第一节
- 第二节
table表格
| 111 | 222 | 333 |
|---|---|---|
| 111 | 222 | |
| 111 | 222 | 333 | 444 |
|---|---|---|---|
| 222 | 333 | ||
4. form表单和input标签
Pray の 小破站
1. 登录注册页面,form表单,input系列
5. select标签和其他
Pray の 小破站
4. select标签和其他杂项
select标签
地区：
北京市
上海市
合肥市
重庆市
成都市
安徽：
安庆市
合肥市
其他杂项
简介
6. 更多详细内容
About The Author
