前段浅析
Posted limengkun
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了前段浅析相关的知识，希望对你有一定的参考价值。
一、HTML（超文本标记语言）
标签的语法格式：<标签 属性1="属性值1" 属性2="属性值2" 属性3="属性值 3" ....>需要被标记的内容</标签>
1、html语言是由一组标签组成的
web中路径：
绝对路径：
网络路径： http:// 或者 https://
本地路径：file://（了解，真实开发根本不用，只是学习阶段看一下）
相对路径：
./ 当前路径
../ 上一级路径
2、标签大致类型
①图片标签(单标签) <img/>
相关的属性：src:图片对应的路径
alt:当图片不能正常加载的时候，就显示alt对应的值
title:鼠标移动到图片上面之后，提示图片的基本信息
width:设置图片的宽度
height:设置图片的高度
②a标签（双标签） <a><a/>
相关的属性
href: 链接的url地址
target:_blank 新开一个窗体打开url地址对应的 网页
_self 在当前页面打开url地址对应的网页(默认不写，值就是它)
③table标签（双标签） <table><table/>
相关的属性
border = "num" 规定表格边框的宽度。
width = "num" 表格的宽度
height = "num" 表格的高度
cellspacing = "num" 单元格之间的间隙
colspan：合并列。 合并num列，删除这行对应的num-1个单元格
rowspan:合并行。 合并num行，删除同列 num-1个单元格
3、表格的相关标签元素
<td>与<th>的区别：
th一般用于标题头，它会把单元格中的内容，居中并且加粗
td一般用于非标题头，它会把单元格中内容，默认居左
td/th必须放在tr标签内，tr必须放在table标签内
4、表单相关元素
在html中如果想要空格：
1.英文符号空格
2.中文符号空格
3.form表单元素标签：
text: 文本框
checkbox:复选框
select: 下拉列表
radio:单选按钮(必须要是同一个name属性)
file: 上传附件
textarea：文本域
hidden:隐藏域
button:普通按钮
submit:form表单提交按钮
reset:重置
4.注意： 1.在使用form表单元素标签的时候，每个元素标签必须加上name属性,除了按钮
2. 一般来说，要给单选按钮，复选框，下拉列表设置value以外，其他都是写多少传多少
5.form属性：
action: 访问服务器后端的url地址
6.method: GET/POST ----》当method不写的时候，默认就是GET提交
7.面试题GET与POST提交的区别：
GET提交：
1.它会把form表单中的数据全部暴露在url地址栏上，所以不安全
2.它的数据传输速度要比POST提交块
3.它只能传递较小的数据 因为浏览器对url地址传递的数据大小是有限制的---浏览器限制数据的大小时0-255KB
POST提交：
1.它不会把form表单传输的数据暴露在url地址栏上，所以安全
2.它的数据传输速度要比GET提交慢
3.它基本上不限制你传递数据的大小
8.何时用GET提交何时用POST提交：
只要是form提交，99%都是POST提交，其他情况全部都是GET提交
- html元素标签代码不区分大小写，但是建议都小写
5、div标签和span标签
把span和div看成就是一个容器，直接打印是没效果，它一般都是和css一起使用才有效果
div：会独自占一行
span:内容多少，占多少（靠内容撑开）
块标签元素： 独自占一行
行内标签： 内容多少，占多少
div:作用专门用来布局的
6、css样式
可以用选择器来定义元素标签的样式：
id选择器--------#id------------------基本上不用，因为在html里面大家要知道一个标准，id必须唯一不能重复，id是专门留给js来用的
标签选择器--------div------------------好是好，但是不够灵活
通配符选择器--------*-----------------它是所有的标签，都设置样式，基本上不用，如果真的要用它，一般都是设置字体
类型选择器-----------.clz-------------------推荐使用，真实开发一般都用它，灵活性非常强
css语法格式：
方式1：局部设置样式(只是对当前标签有效)
<标签 style="样式1:样式1值;样式2:样式2值....."></标签>
方式2：全局设置样式(仅仅只是对当前页面有效)
<style type="text/css">
样式代码
</style>
方式3：使用外链接的方式，引入css样式
<link rel = “stylesheet”href = “被链接的文件” type = "text/css">
以上是关于前段浅析的主要内容，如果未能解决你的问题，请参考以下文章