HTML常用标签

HTML

1.标签

1.1字体

<b></b>：加粗     如：<b>汗滴禾下土</b>

<u></u>：下划线   如：<u>谁知盘中餐</u>

<i></i>：斜体    如：<i>粒粒皆辛苦</i>

<s></s>：删除线    如：<s>悯农</s>

：下标     如：H₂O

：上标      如：平方 2³，天气18^oC

    例子：<font color=”color”>2³</font>

1.2段落

<p align=”left”></p>   <hr>

<pre></pre>：预排版标记，原封不懂显示内容

1.3符号

 

1.4div

<div style=”border:1px solid red;”></div>

 

1.5有序列表

<ol>

<li></li>

</ol>

有序列表就是列表的符号是有顺序的。

属性：

Type：符号的类型   值：1(阿拉伯数字),A（大写英文字母）,a,I（大写的罗马数字）,i

Start：规定起始字符 值：数字，从第几个开始

reversed：倒叙      值：reversed

1.6无序列表

<ul>

<li></li>

</ul>

1.7锚点

<a href=”#top(锚点链接名称)”>要跳转到的位置名称：回到顶部</a>

锚点需要先设置后，在进行设置

1.8图片

Src：图片的地址    值：路径

Alt：图片的描述，在图片不显示的时候，展示的内容      值：自己输入的

        Title：图片的描述，在鼠标放上时展示的内容       值：自己输入的

        Width：图片的宽度 值：数值

        Height:图片的高度 值：数值

1.9视频

<embed></embed>：每个浏览器的样式不一样

<embed src=”./wideo.mp4”></embed>

1.10滚动

<marquee></marquee>

说明：滚动可以是文字或图片 默认的是从右往左滚动

Direction：移动方向          值：left   right  up   down

Width：滚动的宽度

Height：滚动的高度

提示：滚动：每次滚动的之间的大小，每步之间的速度

 Scrollamount：每次跨度的距离    值：px

Scrolldelay：每步之间的时间      值：毫秒

2.表格

2.1属性

Border:边框     值：数值px

Bordercolor:边框颜色

Width:表格宽度    

Height：表格的高度

Bgcolor：表格的背景颜色

Background:表格的背景图片

Cellpadding：内填充      值：数值px

Cellspacing：外边距

    Colspan：夸列合并  值：需要合并的数量

Rowspan：夸行合并   值：需要合并的数量

Valign：垂直对齐方式这个属性只有tr和td（th）     值：top|middle|bottom

2.2 form

<form >

里面都是相应的具体那种表单

</form>

Name：整体表单的名称    值：自己起的名字

Method：数据传递方式    值：get方式，post方式 默认为get

Enctype：如果上传文件，form必须加这个属性 值：

Action：数据提交到哪里？ 值：自己输入的，具体提交到那个页面，有程序猿来定

2.3 get

get方式其实就是地址栏传递数据的方式，数据是通过地址栏传递过去的

语法：login.php?user=sun&pass=123456

 概念：把数据追加到文件名的后面的通过地址栏传输

1.文件名后面跟一个“？”，作用就把文件和数据进行区分和链接

2.user=sun&pass=123456：称作“查询字符串”

3.查询字符串：数据的名称=值  的方式传递

4.多个查询字符串用”&“符号隔开

2.4 post

使用http协议进行传递表单

2.5单行文本框

<input type=”text” 属性=值>

Type：确定当前表单元素的类型，单行文本框就是“text”

Value：当前文本框的值,这个value的值就是PHP程序处理文件接收的数据

Name:必须写的属性，没有name属性，处理文件就无法接收数据

Size：文本框的长度，字符的个数

Maxlength：最大可以输入多个字符

2.6单行密码框

<input type=”password” 属性=值>

Type：类型,密码类型

Name：当前元素的名称

Value：需要传递到处理文件的值

Size：当前元素的长度

Maxlength：最大输入数量

2.7单选按钮

<input type=”radio”  属性=值>

一般单选按钮是成对的出现

Type：类型

Name：单选组的名称必须一致，加上name属性才可以进行单选

Value:这个value的值必须自己添加上。

Chedked：默认选中项属性 值：就是checked

2.8复选按钮

<input type=”checkbox” 属性=值>

Type：类型

Name：一组多选框的名称，一组必须一致

Value：每个多选框的值

Checked：默认选中

2.9下拉

<select name=”值”>

<option value=”值”>选项</option>

<option value=”值”>选项</option>

</select>

Name：下拉列表的名称，写到的select后面

Option：下拉列表的选项

Value：选项的值，是要传递给处理文件的,一个选项一个value

Selected：默认选项

2.10文本域

<textarea 属性=值></textarea>

2.11按钮

提交按钮：<input type=”submit” value=”按钮显示的文字” >

重置按钮：<input type=”reset” value=”按钮中显示的文字”>

普通按钮：<input type=”button” value=”按钮显示的文字”>

2.12上传

<input type=”file” value=”值” name=”值”>

2.13隐藏域

<input type=”hidden” name=“值” value=“值”>