2019-04-08

html语言

html简介：超文本标记语言，网页语言。
** 超文本： 超出文本的范畴，用html可以轻松的实现
** 标记：html所有的操作都是通过标签实现的，标记就是标签，<标签名称>
** 网页语言：

---

• html后缀是 .html,.htm
  **直接通过浏览器可以实现//表示标签。

html规范（遵循）

1.一个html文件开始标签和结束标签 ......//表示结束。
2.html包含两部分内容
设置相关信息
显示在页面里面的都在body里显示
3.html的标签有开始标签，也有结束标签
3.html的标签有开始标签
4.html的代码不区分大小写的
5.有些标签没有结束标签
比如 换行
,

---

• html的操作思想（*********）//重点理解
  网页中有很多的数据，不同的数据可能需要不同的显示效果，这个时候就需要使用标签把操作的数据包起来（封装起来），通过修改标签的属性值实现标签内数据数据样式的变化。
  一个标签相当于一个容器，想要修改容器内数据的样式只需要改变容器的属性值，就可以实现容器内数据样式的变化
• html中常用的标签
  2、文字标签和注释标签
  *文字标签： 修改文字的样式
  属性size 文字大小 取值大小1-7 如果超了还是7
  color: 文字颜色
  表示方式：英文单词：red green....
  *用16进制数表示 #fffffff:rgb
  -通过工具实现不同颜色。 #66cc66
  *注释标签 !-- html的注释 --
  3、 标题标签、水平线标签
  *标题标签
  
  ,
  
  -h1到h6，大小是依次变小，同时会自动换行
  *水平线标签
  

  ---

  属性
  **size:水平线的粗细 取值范围1-7
  **color:颜色
  4、 列表标签
  **:表示列表的范围
  ** 在d1里面
  表示上层内容
  **在d1里面
  表示下层内容
  

  ---

  表示水平线
  
  有序列表的范围
  **在ol标签里面
• 具体内容

5、图像标签

6、路径（相对路径）（****）
**在同一级目录：直接写
**在下一层目录：images/1.jpg
**在上一层目录： ../
7、超链接标签（******）
a href="路径">显示在页面上的内容
8、表格标签（****）
() ()
//技巧：先数有多少行，数每行里面有多少个单元格
9、表单标签（重要）
*
:
action:提交到地址
method:提交方式：常用的有两种 get和post
*输入项
输入项里面写name属性
普通输入项
密码：password
单选框：radio
复选框：checkbox
文本域：
*文件 file *提交按钮 submit *重置 reset *隐藏项 hidden *普通按钮button
*div和span