前端与HTML | 青训营
概述
对常用的HTML标签的总结，以及常用的特点。
前端三种语言的理解
HTML是整个页面的骨架，掌管着整个页面的结构，骨架的结构决定整个页面的排列方式。
CSS是页面的外皮，即页面的皮囊，页面的样式取决与CSS,CSS只能提供样式的修饰和一些简单的动画效果，没有交互性。
JAVASCRIPT是一种解释性的编程语言，能够为用户提供交互性的体验，实现许多的动态效果。
前端常用的标签
文本类
h1:<h1>一级标题</h1>
h2:<h2>二级标题</h2>
h3:<h3>三级标题</h3>
h4:<h4>四级标题</h4>
h5:<h5>五级标题</h5>
h6:<h6>六级标题</h6>
h1~h6:由h1到h6,字体逐渐缩小。
<p>段落文本标签，块级元素。
容器类
div:块级元素，自己独占一行，可以自由的控制大小；
span:行内元素，多个元素堆积在一起会并行在一行，不能自由的控制大小。
结构类
<head>头部标签</head>
<body>主体标签</body>
<html>文档标签</html>
表单的输入类
<input type="text"> 文本输入
<input type="password">密码输入
<input type="range">范围调节
<input type="checkbox">复选框
<input type="radio">单选按钮
文本区域
textarea:文本域；
form：表单；
ol:有序列表；
ul:无序列表；
dl:自定义列表；
链接类
a超链接可以是一个字、一个词、或者一组词，也可以是一幅图像。可以点击这些内容来跳转到新的文档或者当前文档中的某个部分。当把鼠标指针移动到网页中的某个链接上时，箭头可以会变为一只小手。标签中使用了href属性来描述链接的地址。默认情况下，链接将以以下形式出现在浏览器中：
- 一个未访问过的链接显示为蓝色字体并带有下划线。
- 访问过的链接显示为紫色并带有下划线。
- 点击链接时，链接显示为红色并带有下划线。
标签的语义化
语义化可以便于开发者的理解，更直观的看出更好的seo优化，提高网站的搜索权重。
URL是什么
URL就是服务器主机的地址，也叫做网址。
URL的分类如下：
1. 相对URL:无域名部分，直接显示文件所在的路径位置，如果在同一个目录下，这个文件的URL就是当前文件存放地址的完整路径，相对路径的URL比较简短。
2. 绝对URL:绝对的URL会显示文件的完整路径，前面会包含域名。
感悟
通过本次前端对于HTML的学习，更进一步的加深了我对HTML标签的理解，也对以前的内容有了一定的复习，对于一些比较冷门的标签也要加强理解，理解的更多，才有更多的想法。
下一课
前端与css,希望可以学到更多的知识，充满期待！！！
