web02

HTML   Hypertext markup language超文本标记语言,规定了自己的语法规则,用来表示比文本更丰富的意义,目前互联网上的绝大部分网页都是使用HTML编写的

结构   :XXX.html或 XXX.htm

          

<!DOCTYPE HTML>:文档声明,html5的文档声明

<html>:根标签,所有的html内容都要写到这个跟标签内

<head>:一般存放属性或者标题等。

<meta/>:用来指定浏览器用那种编码解析html文档

<title>:是网页的标题

<body>:用来指定网页的内容

   html语法

HTML是一门标记语言,标记也叫做元素,分为开始标签和结束标签,如果标签内没有内容修饰可以合并为自闭标签

注释:<!--注释内容-->

空格-----&nbsp

换行------<br/>

HTML和XML区别

XML对语法的要求非常严格,严格区分大小写,标签不能交叉嵌套,标签一定要关闭等,

HTML对语法的要求非常不严格,大小写可以混用,标签即使没有结束或者交叉嵌套都可以

XML中不允许用户自定义标签

HTML中的标签都是预定义好的,不允许用户自己定义

HTML标签可以定义不同的内容,可以通过w3cschool来学习

文本标签<font>

size:大小,范围1---7

face:字体

color:颜色

标题标签<h1><h6>

从h1--h6依次变小,只有一个属性

align:文本的位置,left right center


列表标签<ul><li>

<ul>表示定义一个无序标签(没有序列编号)  

<li>表示定义列表中的项

type:表示列表前面的形状

图片标签<img/>

src:图片网址或者路径

alt:图像的代替文本(图片不能加载时出现的文本)

超链接标签<a/>

href:用来指定跳转网址

target:在何处打开目标url,常用有_self当前页面打开,_blank新页面打开

表格标签<table>(属性了解)

table---定义一个表格

tr-------定义表格中的行

td-------定义表格中的单元格

th--------定义表头

table属性

border:边框

cellspacing:单元格之间的距离

cellpadding:边框和内容之间的距离

bgcolor:背景颜色

align:定义表格的位置

td属性

colspan:定义单元格横跨的列数

rowspan:定义单元格竖跨的行数

表单标签<form>

浏览器向服务器发送数据的两种方式

(1)在超链接后面通过拼接参数将数据带给服务器

参数和参数之间用等号分隔,参数可以有多个,多个参数之间用&分隔,并且参数的名字可以重复

(2)通过单向服务器发送数据

其实通过表单向服务器发送数据

form标签

ction---必须存在的属性,用来指定表单提交的目的地地址

method可选属性,用来指定以何种方式来提交表单,如果不指定,默认是get提交

HTTP协议中规定了7中提交方式,其中5种 不常用,只用get和post

get和post提交的区别:

主要区别在于请求参数传输过程的不相同

get提交:

通过在地址栏拼接参数将数据发送给服务器

数据显示在地址栏,非常不安全

通过地址栏发送数据,数据量不能太大,不能超过1kb或者4kb

post提交:

通过底层的流将数据发送给服务器

没有将数据显示在地址栏,相对更安全

没有通过地址栏发送数据,数据理论上没有限制

(1)<input> 输入框

type属性: type属性的值可以不同, 当type属性的值不同时, input标签的功能效果也不同, 例如:

              type=”text”              文本输入框

              type=”password”                密码框

                            通过size属性设置框的宽度

                                                                        

type=”radio”      单选框    多个单选框的name属性值必须一致才可以单选, 并且需要通过value属性指定被提交时的值

             

type=”checkbox”              复选框(多选框) 需要通过value属性指定被提交时的值

 

              type=”submit”   提交按钮 用来提交表单

             

type=”reset”       重置按钮, 将表单项重置到初始时的状态

             

type=”button”    普通按钮

              type=”file”         文件上传项, 可以选择文件进行上传

              type=”hidden”   隐藏域,一般在信息修改的时候用来隐藏用户id

 

通用的属性:

readonly=”readonly” 设置表单项为只读, 只能读不能写, 但是可以被提交

disabled=”disabled” 设置表单项为禁用, 不能被提交.

 

(2)<textarea> 文本域

              <textarea cols=”30” rows=”5”>请输入个人信息…</textarea>

属性:

cols 设置列数, 即输入框的宽度

rows 设置行数, 即输入框的高度

             

(3)<select><option>标签

              select 定义一个下拉选框

              option 用来定义下拉选框中的选项

              select属性:

                            name属性 -- name指定该项提交时参数的名字

                            size属性 –- 指定可见选项的个数






















  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值