超文本标记语言(Hyper Text Markup Language)，标准通用标记语言下的一个应用。

 

　　HTML 不是一种编程语言，而是一种标记语言 (markup language)，是网页制作所必备的

 

　　常见的WEB开发工具：hbuilder/webstorm/vs code/eclpise

 

　　（本文使用hbuilder进行学习）

 

　　标签：左右尖括号括起来的内容就是标签。单标签和双标签。双标签是有起始和结束标签。

 

　　结束标签会加一个“/”

 

　　标题标签

 

　　段落标签

 

　　图片标签

 

　　容器标签

 

　　链接标签

 

　　无序列表

 

　　有序列表

 

　　区别：

 

　　即是用点与用序号的标记内容的区别，即使不再这里区分，也可在网页中自行修改。

 

　　form表单标签

 

　　action:将表单数据提交给什么服务器（服务器的地址）

 

　　method:get/post

 

　　get和post区别：get会将表单提交的内容直接放在请求的URL地址里，效率高，不安全。post不会将表单数据显示到url上，会放置在请求的body上。

 

　　搜索/正常的请求就会使用get

 

　　登陆/注册等比较隐私和安全的内容时候，就需要用到POST,上传文件的时候也会用到post

 

　　input标签有多种类型

 

　　type=》

 

　　text（文本输入）

 

　　password(密码)

 

　　radio:单选框，注意单选框如果选择的内容是同一项内容，那么多个输入input标签的name值必须一致。

 

　　checkbox:复选框，选择的内容是同一项内容，那么多个输入input标签的name值必须一致

 

　　color:输入颜色（少用）

 

　　date:时间标签（少用）

 

　　select>option

 

　　textarea：长文本输入标签

 

　　概念：

 

　　层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。

 

　　常见用法：

 

　　在属性上使用

 

　　在标签上使用

 

　　常见的选择器：

 

　　元素选择器：元素名称

 

　　Class选择器：.+类名

 

　　ID选择器：#+id名称

 

　　引用css文件

 

　　这里将会产生优先级的情况：

 

　　元素内style属性的优先级>id>class>元素>默认的浏览器样式>继承的样式

 

　　越复杂的选择器优先级越高。

 

　　备注：!Important,将样式的优先级提高到最高

 

　　Color:文字颜色

 

　　Font-size:文字的大小

 

　　font-family:文字字体，尽量使用黑体，微软雅黑，宋体，普通用户都有的字体

 

　　Font-weight:字体粗细,100-900,具体的粗细根据字体文件本身有什么粗细的字体来决定

 

　　Text-align:文字的排版，left,center,right

 

　　Line-height:行高，行与行之间的高度

 

　　Text-shadow:文字阴影

 

　　Box-size:设置盒子模型

 

　　Width:宽度

 

　　Height:高度

 

　　Padding:内边距

 

　　Margin:外边距

 

　　Border:边框

 

　　Box-shadow:盒子阴影

 

　　Display:设置盒子是块级元素还是行级元素还是弹性元素

 

　　Background:设置元素的背景，背景图片，背景颜色