html学习知识点

1.<!DOCTYPE> 告诉浏览器使用哪种HTML版本来显示网页（他不是HTML标签，只是文档类型声明标签）
2.lang zh-CN定义为中文，en为英文
3.charset UTF-8字符集 (以便计算机能够识别和存储各种文字）

标签（记住语义）

1.标题标签h1-h6 (重要性递减，每个标题独占一行，文字变粗变大）
2.段落标签p /p （段落和段落间有一个空隙）
3.换行标签br / 强制换行（段落和段落间没有空隙）
文本格式化标签
4.加粗strong或者b(推荐用前者)
5.倾斜em或i(推荐用前者)
6.删除线del或s(推荐用前者)
7.下划线ins或u(推荐用前者)
没有语义的标签
他们就是一个盒子（来布局网页）
8.div division分割的意思（大盒子）
9.span 跨度 （小盒子，横着的）
图像标签
属性采取键值对格式，即属性=值
10.img src=“图像URL " (src是img标签名的必须属性)
alt=” "属性 (图片显示不出来时候用来替换成文字)
title(鼠标放到图像上提示的文字）

---

width=" " 宽度 height=" " 高度（修改一个就行，另一个自己缩放）
border=" " 给图像设定边框（剩下的样式在css中）
目录文件夹:就是一个文件夹
根目录：双击打开的目录文件夹的那一层，即第一层
路径
相对路径 （图片相对于HTML页面的位置）

上下级：
绝对路径（通常从盘符开始的路径）
引入网络中的图片地址（直接右击复制图片地址就行）
链接标签（anchor的缩写 锚）
11.< a href=“跳转目标” target=“目标窗口的弹出方式” >文本或图像 < /a >

1. 外部链接
   target=" _self(当前窗口打开页面) 或者 _blank（另起一个窗口打开） "
2. 内部链接（网站内部页面之间的相互链接）
   区别就是不用像外部那样加http://
3. 下载文件（只要href里面地址是一个文件或者压缩包，就会下载这个文件）
4. 网页元素链接（比如点击图片来访问网站，就把图片当作文字点击一样插入a /a)
5. 锚点链接：点击链接可以快速定位到页面中的某个位置
   先设置属性值 #名字 的形式
   如< a href=“#a” >第1集 < /a >
   找到目标位置标签，里面添加一个id属性=a
   如< h3 id=“a” > 第1集介绍 < /h3 >

注释标签和特殊字符
(快捷键 ctrl + /) <! - - 注释语句 - - >

&nbsp ;空格 用的较多记住

html标签分类
表格标签（用于显示、展示数据，不是用来布局页面的，表格是一种嵌套关系，最外层为table，依次往里套）
12.
table
 tr(定义表格中的行）
  td（定义表格中的单元格）
  td（定义表格中的单元格）
…
表头单元格：加粗居中 < th >(只改第一行td)
表格属性（CSS中设置，也可以写在table中）

align对齐的意思
cellpadding 内部文字到单元格边框的距离
cellspacing 单元格和单元格之间的间隔距离
列表标签（用来布局页面）

1. 无序列表（重点）
   13.语法规范
   ul
     li 列表项1 /li
     li 列表项2 /li
     …
   /ul
   ul /ul 中只能放li 标签
   li与/li之间相当于一个容器，可以放任意元素
   无序列表有自己的样式属性，在实际使用时用CSS来设置
   2.有序列表
   14.ol标签用于定义有序列表，列表排序以数字显示，用li 标签来定义列表项
   ol /ol 中只能放li 标签
   有序列表有自己的样式属性，在实际使用时用CSS来设置
   3.自定义列表（重点）
   15. dl
    dt
    dd
    dd
   …
   dl
   dl中只包含dt和dd(一个dt对应多个dd)

表单标签(收集用户信息)
表单的组成：表单域、表单控件、提示信息

1. 表单域（包含表单元素的区域,就是form标签，这块服务器编程深入学）
   16.form标签用于定义表单域（把他范围内的表单元素提交给服务器）
   < form action = " url地址" method=“提交方式” name=" 表单域名称"> 各种表单元素控件 < / form >
   2.表单标签/控件（元素）
   input表单元素
   
   
   input是单标签 type属性 = ” 属性值“
   单选按钮和复选按钮名字要设置相同
   
   name、value属性主要给后台人员使用
   
   maxlength 正则表达式学习时候使用
   button按钮，通常用来实现某个事情，比如获取短信验证码(后期结合js来使用)
   file可以用来实现比如上传头像功能

17.label标签（标注标签，增加用户体验）
< label for=“sex” > 男 < /label>
< input type=“radio” name= " sex " id=" sex “ />

18.select下拉表单



19.textarea文本域（输入内容较多时候用）