码迷,mamicode.com
首页 > 其他好文 > 详细

前段浅析

时间:2019-04-23 00:16:09      阅读:189      评论:0      收藏:0      [点我收藏+]

标签:单元格   开发   form   数据传输   注意   sele   附件   cell   就是   

一、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提交

 

 

  1. 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">

前段浅析

标签:单元格   开发   form   数据传输   注意   sele   附件   cell   就是   

原文地址:https://www.cnblogs.com/limengkun/p/10753953.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!