HTML

Html

标题标签:

<h></h>

常用属性:

Align:对齐方式

Left: 左   right: 右   center: 居中

格式:

<h2 align="center"></h2>

字体标签:

<font></font>

常用属性:

Face:字体

size:尺寸

color:颜色

颜色的取值:

方式1:#XXXXX        X为16进制数

方式2:英文单词

其他标签:

<b></b>        <strong></strong>      加粗

<i></i>      斜体

段落标签:

<p></P>                                          

水平线:

<hr>                                                  中间一条线

换行:

<br></br>

图片标签:

<img/>

常用的属性:

Src:图片的路径

Alt:替代文字

Title:鼠标指上去显示的文字

Width:宽     可以是百分之

Height:高    可以是百分之

大小的写法:

像素:123px

百分比

路径的写法:

相对路径:

./    或者  什么都不写      当前目录

../    上一级目录

绝对路径:

带协议的绝对路径:

http://www.hao123.com

 

列表标签:

<ol></ol>   有序   order

<ul></ul>   无序

 

常用标签:

<li></li>    列表项

 

超链接标签:

<a></a>

常用属性:

href:跳转路径

Target:在哪里打开 

默认值:_self是自身页面打开    _blank是新页面打开

 

表格布局

表格标签:

<table border=""width="" align="">

<tr>

<td></td>

<?tr>

</table>

常用子标签

<tr>:行

<tr></tr>

常用子标签

<td>:列

<th>:表头单元格   默认居中加粗                                   

注意:一行必须至少有一个单元格或者一列

 

Table  的常用属性:

Border:边框   像素值

Width:

Align:表格对齐方式

Tr 的常用属性:

Align:内容对齐方式

Td   的常用属性

Align:内容对齐

Colspan:跨列合并   值:合并的列数

Rowspan:跨行合并

 

表单页面

表单标签

<form></form>

常用属性:

Action:提交路径

Method:提交方式  get和post

常见子标签:

Input

Select

Textarea

input标签:

10种属性:

Text

Password

Radio

Checkbox

File

Submit

Reset

Button

Hidden

Image

若想将内容发送到服务器,必须有name属性  

Select标签:

<select name="">

<option value="提交到服务器的值">展示内容<option>

</select>

Textarea:文本域

格式:

<textarea cols="" rows=""name=""></textarea>

作用:

用来从浏览器端收集用户的信息

 

表单:

常用属性:

action:信息提交的路径默认是当前页面

method:表单提交的方式

只需掌握两种

get(默认)和post

get和post区别:

1.get请求会把所有的参数追加在地址栏上,post请求不会

2.get请求参数大小有限制,post请求参数大小没有设置

3.post相对于get安全

常见的子标签

input:输入框

select:下来选

textarea:文本域 

 

input标签

常用的属性:

type:

text:文本框默认

password:密码框

radio:单选框

checkbox:多选框

file:文件框

 

submit:提交

reset:重置

buttom:普通按钮

 

hidden:隐藏域

image;图片提交  替代submit

name:

可以将几个单选框(复选框)设置为一组

要想将信息保存到服务器必须有name属性

readonly:

readonly="readonly" 只读

disabled:

disabled="disabled" 禁用

 

 

select:下来选

格式:

<select name="pro">

<option>黑龙江</option>

<select>

 

提交到服务器的内容的格式:

key=value&

对于文本框密码框文本域  手写的内容传递过去了

对于单选框和多选框来说,却没有把值传递过去

要想把值传递过去  必须设置value属性

若下来选要想把选中内容的值传递过去 加value属性

 

默认值:

文本框密码框:只需添加value属性

单选框多选框:添加checked="checked"

下拉选:添加selected="selected"

文本域:标签体

 

当我们提交的时候发现地址栏变化:

?username=tom&password=123&sex=on&hobby=on&hobby=on&photo=&pro=黑龙江&city=哈尔冰&intr=good+dtirl

 

开发一个后台管理页面,通过frameset实现

技术分析:

Frameset:框架集

Frame:具体实现

frameset:框架集                             切割页面

常用属性:

Rols:垂直切割

Rows:水平切割

常见的子标签:

Frame

注意:不要和<body>共存

Frame:具体实现

常用属性:

Src:展示的页面的url

 

补充:

转义字符:

三部分构成 &实体

字符:

> :    &gt

< :    &lt

&:    &amp

空格:&nbsp

 

Meta

源信息

<meta charset="UTF-8">指定浏览器用什么编码打开此页面

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值