![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
![](https://images.cnblogs.com/OutliningIndicators/ExpandedBlockStart.gif)
<a name="top">一个锚点</a> <!--中间省略N多代码.........--> <!--中间省略N多代码.........--> <!--中间省略N多代码.........--> <a href="#top">点击跳转到锚点</a>
锚点:利用<a>标签的name属性定义一个锚点,然后在另一个地方使用<a>标签的href属性来跳转到任意锚点位置。跳转锚点时候的href的属性值前面加上#符号,当<a>标签的href属性为空的时候默认跳转页面顶部。
前端数据提交到后台:<form>表单标签的method属性:提交方式。action属性:指定后台接受数据的地址。<form>里面的子标签和用来设置要需要提交到后台的数据,<form>里面最常用的子标签就是<input>。<input>标签的type属性:指定这个标签类型,name属性:指定数据名称(变量名),value属性:指定数据值。(后台根据提交方法,来获取不同name里面的值)。
伪类选择器:就是在普通选择器后面加:符号,当这个触发某个操作后,会执行对应的CSS代码。可以理解为一种监听,用来监听对应标签,当触发时间后执行伪类选择器的代码。
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
![](https://images.cnblogs.com/OutliningIndicators/ExpandedBlockStart.gif)
a:hover{ /*当鼠标移动到a标签上面是,a标签变为蓝色*/ color:blue; }
伪元素选择器:在选中的标签在内容上进行进一步的选择,表示方式就是在标签选择器后面加上::符号。比如选择<p>标签段落开头或段落结尾或第一行。
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
![](https://images.cnblogs.com/OutliningIndicators/ExpandedBlockStart.gif)
p::first-line{ /*选择p标签的第一行*/ color:blue; }
CSS中有许多选择器,标签选择器,类选择器,id选择器,*号选择器(选中所有标签)。还有一些关系选择器:+相邻选择器(选择与这个标签相邻的),逗号选择器(同时选中多个标签),后代选择器(空格选择这个标签的全部子标签),>子选择器(选择这个标签的指定某一类子标签)。自定义选择器(属性选择器):给一个标签自定义一个属性并给这个属性随便赋一个值,然后利用这个属性选择这个标签。
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
![](https://images.cnblogs.com/OutliningIndicators/ExpandedBlockStart.gif)
<p xxx="hehe">这是段落标签1</p> <p>这是一个段落标签2</p> p[xxx="hehe"]{ /*xxx是自定义的属性,具体写法是不是这样我忘记了,反正有这个用法*/ color:blue; }
HTML是超文本标记语言,由标签组合而成。
标签分类:标签按占位空间分:行内标签(行内元素)和块级标签(块级元素)。标签按闭合分:单标签<>和双标签<></>。
特殊符号:(空格) (<)<;(>)>;...............
src:一般表示路径(可以填链接),href:一般表示链接(可以做锚点跳转)。
在html中可以在任意地方嵌入<script></script>脚本,js是运行在前端的脚本。
html引入css的三种方式:1.行内style属性,2.外链link标签,3.内部style标签。
表单上传文件和上传普通数据有一点区别:form必须有enctype="multipart/form-data"属性,且post提交。