HTML基础

来源：互联网发布：2016仿趣分期商城源码编辑：程序博客网时间：2024/04/28 08:20

HTML标签的结构形态

1.<标签>元素</标签>如<h3>HelloWord<h3>

2.<标签属性名=“属性值”>元素</标签>：属性之间无先后次序，用空格分开如：<body text="red" backgroud="pic.gjf">

3.<标签>如：空标签<img src="pic.gif" hight=17 with=28>

HTML文件结构

<html>

<head>如果不需要此标签则可以省略此标签

</head>

<body>

</body>

</html>

HTML常用的标签

1.<html>标签

2.<body>标签常用属性：bgcolor,text

3.标题 <H1>xxxx</H1>……<H6>xxxx</H6>

4.<p>标签：常用于为了排列的整齐清晰文字段落之间，属性align ,它有三种对齐方式center，left,right<br>标签

他们的区别<br>可强迫换行却不能多跳一行<p>则会换行而且多跳一行

5.<font>标签属性size,color,face 如<font size="2" face="xxx" color="#008000">

6.链接：基本格式<a href="URL">文本</a>

7.链入图像：基本格式<img src="图像的URL">

HTML中的表格

1.表格<table border></table>

2.设置表格的大小<table border width="300" height="100"></table>

3.边框设置<table border=5></table>

4. 跨多行的表元colspan=数字

5.rowspan=数字

HTML表单

1.Text 单行文本框如：<input type="text" name="pw" size="20">

2.Password 密码框如：<input type="password" name="pw" size="20">

3.Radio 单选按钮如：<p> <input type="radio" value="经理" checked name="test"></p>

4.Checkbox 复选按钮如：<p> <input type="checkbox" value="经理" checked name="test"></p>

5.TextArea 多行编辑框如：<textarea rows="5" name="test" cols="30"></textarea>

6.Select 下拉列表如：<select size="1" name="test">

</select>

7.表单提交form

8.按钮提交submit

9.重置按钮reset

JavaScript简介

javaScript是一种基于对象和事件驱动的脚本语言

特点：

1.简单

2.动态

3.跨平台

4.基于事件

事件：

1.单击事件：onClick

2.改变事件：onChange

3.选中事件：onSelect

4.获得焦点事件：onFocus

document对象常用的方法：

1.alert()

2.confirm()

3.prompt()

4.document.write()和document.wrteln()

使用JavaScript实现客户端验证的常见语法

1.脚本标签

代码

</script>

2.定义函数

function check()

{

//函数体

}

3.获取表单元素的值

forml.pass.value

4.获取表单元素值的长度

forml.pass.value.length

5.表单元素上设置光标

forml.pass.focus()

6.显示提示信息

alert("error")

7.查找字符

forml.pass.indexOf('')

8.某个位置的字符

forml.pass.charAt(i)

9.将表单提交给Web服务器上的处理程序

document.forml.submit()