HTML学习20.docx

《HTML学习20.docx》由会员分享，可在线阅读，更多相关《HTML学习20.docx（17页珍藏版）》请在冰豆网上搜索。

HTML学习20

字体标签

设置字体为8,颜色为:

#abc001,字体为:

宋体

要修饰的文字内容

换行

第一行内容

第二行内容

第三行内容

段落

这是第一行P标签

这是第二行P标签

这是第三行P标签

注意P标签与br标签的区别（P标签行与行之间存在间距）

P标签和br标签都能实现换行效果

H1-H6标签

这是H1的内容

这是H2的内容

这是H3的内容

这是H4的内容

这是H5的内容

这是H6的内容

H1--->H6的标题标签是由大到小显示

H1:

一级标签

H6:

六级标签

HTM内容

--外部样式文件-->

内嵌样式

Body属性

Img

alt:

图片路径错误时，显示文字，图片路径正确时正常显示图片鼠标移到图片上时提示信息

marquee跑马灯

direction:

方向up|down|left|right

scrolldelay:

多少毫秒移动一次（1000毫秒=1秒）

scrollamount:

每次移动多少像素

要移动的内容

内容滚动标签

特殊符号

 空格

<小于

>大于

"引号

©版权符号

Pre

*

**

**

*******

*
**
**
*******

超链接

用法一:

页面之间的跳转

文字

点此跳转

用法二:

锚标记效果

使用a标签定义锚标记

跳转到锚标记处

用法三:

启动电子邮箱发送邮件

电子邮箱地址">联系我们

xxxx@">联系我们

错误的写法:

mailto:

xxx@

mailto:

//xxx@

target:

_self:

在本页面打开（默认的）

_blank:

在新窗口打开

_parent:

在父窗口打开

_top:

在整个框架打开

框架页的name:

在指定的框架页打开

在框架页面打开

hr水平线

noshade="noshade"

是否有阴影效果

table表格

table表格

tr行

td单元格

th表头

caption表格标题 

3行3列的表格

bgcolor="背景颜色"

width="宽度"

height="高度"

bordercolor="边框颜色"

border="边框粗细"

cellpadding="单元格填充"

cellspacing="单元格间距"

background="背景图片"

align="对齐方式"

>

align比较特殊是直接将表格布局对齐

表格的标题（表格的外面）

表头tablehead（把内容居中并字体加粗）

bgcolor="背景颜色"

bordercolor="边框颜色"

align="对齐方式（文字、图片内容）">

background="背景图片"

bgcolor="背景颜色"

rowspan="跨行"

colspan="跨列"

height="高度"

width="宽度"

valign="垂直对齐方式"

align="内容的水平对齐方式">

注意练习跨行和跨列

表单

接收用户输入的数据并提交到服务器的一种界面

get:

显示提交提交时数据会显示在地址栏上

不安全（有提交大小限制）

post:

隐式提交提交时不会显示出数据

安全（没有提交大小限制）

注意Post和Get之间的区别

name属性是由服务器使用的

告知服务器提交的数据是做什么用途的

当服务器得到该数据时则知道数据是userName（用户名）

每个表单控件都有name属性

-----------------------------------

表单元素

通过设置不同的type值来显示出不同的效果

文本框

相同（因为默认type的值是text）默认文本框

密码框

readonly="readonly"name="userPassword"value="默认值"/>

readonly="readonly"只读（只能看不能修改）

maxlength="最大长度"只能输入多少个字

单选按钮

在多个选项中只能选择一个

关键点要让多个单选按钮产生互斥必须将它们的name属性设置为一样的（作为一组）

checked="checked"默认选中

复选框

可以选择多个

名字不相同（可选）

checked="checked"/>

checked="checked"默认选中

文件上传

用于上传文件

普通按钮

bottom（下）

button（按钮）

下拉菜单

下拉菜单

菜单项

菜单项

菜单项

selected="selected"默认选中的项

多行文本框

值是本标签包围在里面的

readonly="readonly"只读（只能看不能修改）

重置按钮

所有按钮的value都是按钮上要显示的文字

提交按钮

提交按钮分两种

1.普通提交按钮

普通提交按钮

2.图片提交按钮（不等于图片按钮）

普通图片按钮是通过css样式修饰出来的

和图片提交按钮是两种不同的事物

重要区别

提交按钮可以提交数据

普通按钮是不能提交数据的

提交按钮必须和form表单一起使用

普通按钮是可以单独使用的

Css

css样式定义分三种

1.内嵌样式

....

这里写样式

2.行内样式

<标签style="样式定义">

3.外部样式

1.定义*.css样式文件

2.在页面中使用

导入外部样式文件

样式定义区别

内嵌样式和外部样式定义的样式可以反复使用

而行内样式只能使用在标签中无法反复使用

red">