HTML(Hyper Test Markup Langhage)超文本标记语言
超文本：用超链接的方式，将各种不同空间的文字信息组织在一起的网状文本
标记语言：不是编程语言，写出来就会读取
Web 浏览器的作用是读取 HTML 文档，并以网页的形式显示出它们。浏览器不会显示 HTML 标签，而是使用标签来解释页面的内容：
<html>
<body>
<h1>我的第一个标题</h1>
<p>我的第一个段落。</p>
</body>
</html>
例子解释
<html> 与 </html> 之间的文本描述网页
<body> 与 </body> 之间的文本是可见的页面内容
<h1> 与 </h1> 之间的文本被显示为标题
<p> 与 </p> 之间的文本被显示为段落
JavaScript 是 web开发者必学的三种语言之一：
HTML 定义网页的内容
CSS 规定网页的布局
JavaScript 对网页行为进行编程
快速入门：
2.标签分为
1.围堵标签：有开始和结束标签如<html></html>
2.自闭和标签：开始标签和结束标签在一起。如<br>
3.标签可以嵌套
4.在开始标签中可以定义属性。属性是由键值对构成，值需要用引号引起来
5.html的标签不区分大小写，但建议用小写
标签学习：
1.文件标签：
html:html文档的跟标签
head：头标签
title：标题标签
body：体标签
2.文本标签
<h1> to <h6>:标题标签，从h1-->h6，从大到小
<p>：段落标签
<br>：换行
<hr>：显示一条水平线
属性：
color：颜色
width：宽度， width="100%",占百分之100宽度
size：高度
align：对其方式
center：居中
left：左对齐
right：右对齐
<b>：字体加粗
<i>：字体斜体
<font>:字体标签
属性：
color：颜色
color：大小
face：字体类型（楷书，宋体。。。。）.
属性定义：
color：
1.因为你单词：red，green。。。
2.rgb(值1,值2,值3)：值范围0~255，如rgb(0,0,255)
3.#值1值2值3 范围00~FF
<center>:居中
3.图片标签
<img/>
src：图片路径
相对路径
以./或者什么都没有开头：代表当前同一级目录（要在同一个文件夹下）
以../开头代表上一级目录-->
4.列表标
有序列表
ol
li
无序列表
ul
li
5.链接标签
定义一个超链接
属性：
href:指定访问资源的URL
target：指定资源打开方式
1._self:与不写效果相同,在本页面内打开超链接
2._blank：在新页面打开超链接
6.语义转化标签：html5中为了提高程序的可读性，提供了一些标签
1.<header>:页眉
2.<footer>:页脚
7.表格标签
table:定义表格
width：宽度
border:边框
cellpadding：定义内容和单元格的距离
cellspacing：定义单元格之间的距离。如果定义为0，则单元格的线会合为一条
bgcolor：背景色
align:对齐方式
tr:定义行
td：定义单元格
th：定义表头单元格
<caption>:表格标题
<thead>:表格头部分
<tbody>:表格体部分
<tfoot>:表格脚部分
表单
概念：用于采集用户输入的数据。用于和服务器进行交互
form:用于定义表单。可以定义一个范围，范围代表采集用户数据的范围
属性：
action：指定提交数据的url
method：指定提交方式
分类：一共7种，2种比较常用
get：
1.请求参数会在地址栏中显示。会封装在请求体中
2.URL请求参数长度有限制
3.不太安全
post：
1.请求参数不会再地址栏中显示，会封装在请求体中
2.请求参数大小没有限制
3.较为安全
表单相中的数据要想被提交，必须指定其name属性
表单项标签
<1>input:可以通过type属性值，改变元素展示的样式
type属性：
1.placeholder：指定输入框的提示信息
2.text：文本输入框，默认值
3.password：密码输入框
4.radio：单选框
注意：
1.要想让多个单选框实现单选的效果，则多个单选框的name属性值必须一样
2.一般会给每一个单选框提供value属性，指定其后被选中后提交的值
3.cheched属性，可以指定选择的默认值。
5.chechbox：复选框
6.label：指定输入项的文字描述信息
注意：
label的for属性一般会和input的id属性值对应。如果对应了，则点击label区域，会让input输入框获取焦点
7.file：文件选择框
8.hidden：隐藏域，用于提交一些信息
9.colspan:合并单元格
10.align：单元格中位置（左对齐，右对齐，居中…)
11.anniu:
submit:提交按钮。可以提交表单
button：普通按钮
image：图片提交按钮
src：属性指定图片路径
<2>select:下拉列表
子元素：option,指定列表项
<3>textarea:
cols：指定列数，每一行有多少字符
rows：默认多少行
CSS
##css:页面美化和布局控制
1.概念：Cascading Style Sheets层叠样式表
层叠：多个样式可以作用在同一个html元素上，同时生效
2.好处：
1.功能强大
2.将内容展示和样式控制分离
降低耦合度。解耦
让分工协作更加容易
提高开发效率
3.css的使用：css与html结合使用
1.内联样式（不推荐使用）
<div style="color: red;">hello css</div>
2.内部样式
在head标签内，定义style标签，style标签的标签内容就是css代码
<style>
div{
color:blue;
}
</style>
<div>hello css</div>
3.外部样式
步骤：
1.定义css资源文件
2.在head标签内，定义link标签，引入外部资源文件
4.语法：
格式：
选择器{
属性名1：属性值1;
属性名2：属性值2;
…
}
选择器：筛选具有相似特征的元素
注意：
每一对属性需要使用;隔开,最后一对属性可以不加;
5.选择器
基础选择器
1.id选择器：选择器具体的id属性值的元素，建议在一个html页面中id值唯一
语法：#id属性值{}
2.元素选择器：选择具有相同标签名称的元素
语法：标签名称{}
注意：id选择器优先级高于元素选择器
3.类选择器：选择具有相同class、属性值的元素
语法：.class属性值（）
注意：类选择器优先级高于元素选择器
扩展选择器
1.选择所有元素
语法：*{}
2.并集选择器
选择器1，选择器2{}
3.子选择器
语法：选择器1 选择器2{}
在div里面的才会被选中
4.父选择器：筛选选择器2的父元素选择器1
语法：选择器1>选择器2{}
5.属性选择器：选择元素名称，属性名=属性值元素
语法： 元素名称[属性名=“属性值”]{}
6.伪类选择器:选择一些元素具有的状态
语法：元素（状态）
如：
状态'
link:初始化状态
visited：被访问过的状态
active：正在访问的状态
hover：鼠标悬浮状态
882
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
