前端学习HTML篇（一）

什么是 HTML？

HTML 指的是超文本标记语言 (Hyper Text Markup Language)
HTML 不是一种编程语言，而是一种标记语言 (markup language)
详细介绍链接：https://www.zhihu.com/question/20377296/answer/183809329

HTML知识点：

1.lang属性：

使用lang属性后，真正受益的是搜索引擎(搜索引擎利用它能够告诉用户采用哪一种语言编写文档)、屏幕阅读器(屏幕阅读器利用它能够以不同的方式发音不同的语言)以及一些应用程序(应用程序能够在它们不支持所提供的语言或者该语言与它们的默认语言不同时向用户发出警报)。en 代表是英文，zh是中文，德语是 de (除英语其它是拼音缩写)
以上运用了SEO（搜索引擎优化技术），以下也是
例:

2.编码字符集：

常见的四个编码字符集：
1.gb2312 国家标准第2312条 国家编码字符集（简体，亚裔字符集）
2. gbk 国家标准扩展版本（gb2312+繁体）
3.unicode 万国码，包括了所有国家的语言
4.utf-8 unicode扩展版本（8byte）（常用）

详细介绍链接：

https://www.cnblogs.com/skynet/archive/2011/05/03/2035105.html

乱码问题总结：
https://www.ibm.com/developerworks/cn/java/analysis-and-summary-of-common-random-code-problems/index.html

     
     charset:编码字符集

3.html 编码格式是&

常用以下三个
1） 空格文本，写多少个就空几格

html编码是： 

2）<左尖角号，小于的意思，less than

html 编码是：<

3）>右尖角号，大于的意思，great than

html 编码是> 

4.ol,ul

li列表项目(list item),ol有序列表（ordered list）,ul无序列表（unordered list）
1)ol有序列表（开发中不常用）

 
	
列表项目名称
 
	
列表项目名称
	
列表项目名称
 
 

运行结果：
1.列表项目名称
2.列表项目名称
3.列表项目名称

type = “1” 是默认格式，默认按照1,2，3，排列。
如果写成： type = “A” 就以 A，B，C 排序， 改成 a，就以a，b，c排序
此处的 type 值只有五个：数字，大写英文A，小写英文 b，罗马数字大写 I，罗马数字小写 i
英文字母以 27 进制延续（大于27后AA，AB，AC…）
倒序排列：

如果想从第 2 个开始排序，就写

罗马数字想从第 117 个开始排序，就写

想从第几个开始拍，start里面写数字几
2)ul无序列表（常用）

 
	
列表项目名称
 
	
列表项目名称
 
	
列表项目名称
 
 

只有 type = “”这一个属性可以改
如 type = “disc” 意思是discircle，实心圆 （默认）
如 type = “square” 意思是 square，实心方块
如 type = “circle” 意思是 circle，圈(空心圆)
ul 和 li 是一个很好的天生父子结构(柜子与抽屉)，可以做导航栏

5.img标签

src 是 source的缩写，
img 的地址分：
1）网上 url
2）本地的绝对路径
3）本地的相对路径
如 html 和图片在同一文件下，是一种相对关系，相对路径，写法

D:/a/b/lesson2.html D:/a/b/123.jpg
如 html 和图片不在同一文件下，是绝对路径，写法

D:/a/b/lesson2.html D:/a/b/c/123.jpg

例

此处的 alt 是图片占位符。当地址出错时，图片展示不出来，就展示alt中的信息；图片没问题， 就不会展示这个信息

例

此处的 title 是图片提示符。当鼠标放上去，就会显示这个信息

6.a标签的功能

1）超链接

www.taobao.com 

href 是 hyperText reference超文本引用
这个地址展示给用户是淘宝，实际给浏览器看的地址是百度
2）锚点
a是 anchor （锚）的缩写，定在某个点，置顶功能就是用a标签写的

 
find demo 

3）打电话，发邮件

给xxx打电话 
给xxx发邮件

4）协议限定符

target = “_blank”意思是在新标 签中打开这个地址
可参考：http://www.w3school.com.cn/tags/tag_a.asp

7.form表单

form表单，发送数据，很重要。

method = “get/post”这是 form发送数据的两种方式
action = “http://ssffg.php”这是发送给谁，模拟不用真实提交，内容可以为空。

form表单里面还需要配合input 来写，input里面需要 type
//这个是输入框的意思
//这个是密码框的意思，默认是暗文
//这个是提交的组件，也就是登录
//这样就改变了提交框的值
//是单选框
//是复选框
详细请参考：
基础：
https://www.jianshu.com/p/6dee6181ac24
升级：
https://www.jianshu.com/p/b7cd1ae17360

参考文献链接：https://www.cnblogs.com/oray/p/3746688.html