前端与 HTML | 青训营笔记

这是我参与「第五届青训营 」伴学笔记创作活动的第 1 天

前端与HTML笔记

什么是前端

前端即网站前台部分，运行在PC端，移动端等浏览器上展现给用户浏览的网页。随着互联网技术的发展，HTML5，CSS3，前端框架的应用，跨平台响应式网页设计能够适应各种屏幕分辨率，合适的动效设计，给用户带来极高的用户体验。

前端的技术栈

HTML+CSS+JS

HTML

HTML的全称为超文本标记语言，是一种标记语言。它包括一系列标签．通过这些标签可以将网络上的文档格式统一，使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字，图形、动画、声音、表格、链接等。[1] 超文本是一种组织信息的方式，它通过超级链接方法将文本中的文字、图表与其他信息媒体相关联。这些相互关联的信息媒体可能在同一文本中，也可能是其他文件，或是地理位置相距遥远的某台计算机上的文件。这种组织信息方式将分布在不同位置的信息资源用随机方式进行连接，为人们查找，检索信息提供方便。

基本结构

!DOCTYPE 标签：声明必须是 HTML 文档的第一行。用来指示 浏览器关于页面使用哪个 HTML 版本进行编译的指令。 html 标签：此元素可告知浏览器其自身是一个 HTML 文档。 head 标签：用于定义文档的头部，它是所有头部元素的容器。 body 标签：body 元素包含文档的所有内容（比如文本、超链接、图像、表格和列表等等。）

常用标签

1. 标题标签h1-h6
2. 段落标签p
3. 粗体标签strong
4. 换行标签br
5. .......

HTML列表

1.无序列表
ul用来声明无序列表      li用来表示列表项。
type属性值:  none 没有列表符号
                     circle 空心圆
                     disc   实心圆
                     square  实心正方形
2.有序列表
ol用来声明有序列表。 l用来表示列表项。
type属性值：1    数字1、2、3……
type属性值：a/A    小/大写英文字母
type属性值：i/I    小/大写罗马数字
3.自定义列表
dl用来声明自定义列表
dt用来表示列表标题 
dd用来表示列表内容

第一次写，若有不足之处，欢迎改正