1.html: HaperText Markup language 超文本标记语言 ,只支持一种单位,即像素(xp),因此默认不写.
标记:也叫标签,必须用大于号和小于号组成,中间夹一个英文单词或者字母. 每个标记的含义是固定的。标签中加一个斜杠就代表结束标签.eg: <font>标签含义就是代表字体.代表的是开始到结束标签中的字体.</font>就是结束.
超文本:带有超链接的文本,但不仅限于文本.
每个标签又规定了一些属性,用来限定标签代表内容的样式。必须写在开始标签的尖括号内,每个标签有自己特有的属性,不能共用也有一些属性是共有的。eg:<font color = "red"> color就是一个属性,代表的是字体的颜色。值是红色.<font>标签代表的字体就会显示为红色.
2.html: 是一个弱势语言。就是语法的要求不严格。不按照语法写也不会报错,也不区分大小写。html是由浏览器来解析。也就是说html是一个解释性语言.
html,css,javascript都是由浏览器直接解析.
3.xhtml: 是指符合xml语法要求的html.
4.dhtml: 是动态网页。是指的html + css + javascript 组成的网页.
5.html的结构:
<head> : 头标签
<body> : 身体。
6.常用标签:
(1) <body> : 身体标签.
属性:text: 颜色
bgcolor: 背景颜色
background: 背景图片
leftmargin: 内容到左边的距离
topmargin: 内容到上边的距离
颜色的写法:3种:a. 英文单词
b. 16进制写法
c. 了解( new rgb(121,111,54))
路径的写法:2种:a.绝对路径
b.相对路径(相对html文档<页面>的路径)
(2) <font> : 字体
属性:color:字体颜色
size: 字体大小 从-7到+7
face: 字体类型
(3) <h1> ~<h6> :字体大小
属性:align: 对齐方式,left,right,center.
(4) <pre>:预格式化标签(不要忽略空格)
(5) <a>:超链接
属性: href:点击超链要去的页面路径
name:设置锚点
分类:链接到本页面的锚点处叫内部链接,链接到其它页面叫外部链接,链接到邮件叫邮件链接
target(超链接的打开方式):目标.值有:_self(默认) _blank(新开启一个浏览器显示), _parent,_top
技巧:每隔3秒自动刷新
在<head>标签中加<meta http-equiv="refresh" content = "3">
隔3秒自动转向另外一个页面
在<head>标签中加<meta http-equiv="refresh" content = "3;url=http://www.sohu.com" >
(6) <img>:代表的是一幅图片
属性:src:图片路径
width: 宽度
height:高度
alt: 提示性文本
title: 提示性文本(共用属性)
border:给图片加一个边
<p>:代表一个段落(单独占据一行还要加一个空行)
属性:
align: 对齐方式
<br>:换行
<hr>:代表一条横线
size:代表粗细
width:代表长度(2种写法,a:绝对值 b:相对长度(相对页面的宽度))
color:颜色
noshade: 不带阴影
<b>:加粗
<i>:斜体
<u>:带下划线
 :代表空格 <: 小于号 $gt:大于号 &: &符号 ©: 版权
<sup>:上标
<sub>:下标
<center>:内容居中
<table>: 表格
属性:border:边
background:背景图片
bgcolor:背景颜色
width: 宽度
height: 高度
bordercolordark:边的暗色(表格的下边和右边,单元格的上边和左边)
bordercolorlight:边的亮色(表格的上边和左边,单元格的下边和右边)
cellpadding: 是单元格中内容到边的距离
cellspacing: 是单元格和单元格的间距
<tr> :行
属性:bgcolor:背景颜色
<td> : 单元格
属性: bgcolor:背景颜色
background: 背景图片
algin:横向对齐left,right,center
valign:竖向对齐top,middle,bottom
rowspan:行的合并
colspan:单元格的合并
<ul>:无序列表 <li>:列表项
属性:type: 显示的类型(默认为disk) disk(实心圆) cirlce(空心圆) square(实心方形)
<ol>:有序列表
属性:type: 显示类型.值:1,a,A,i,I
start: 指定从某个位置开始
<dl>: 定义列表
<dt>: 每个组的标题
<dd>: 每个条目
<label>: 文本标签
<div>: 块级标签
<span>: 块级标签
热点问题:需要用dreamweaver解决.
热点:给图片的局部区域加超链接
<frameset>: 框架集合 将多个页面合成一个页面显示在浏览器中
牢记:框架页面中不允许有<body>标签
属性:scrolling:不要滚动条 值:no,yes
noresize: 不能改变框架大小
bordercolor: 边的颜色
name:名字
<frame>:框架 一个框架显示一个页面
<form>:表单 作用:是提交信息给服务器
属性:action(提交的目的地) method(提交方式:get、post)
<input>: type :是控件的类型
text:普通文本框
属性:size:文本框的宽度.(大小的单位是显示的字母个数)
readonly:只读 值:readonly 可写可不写
value: 文本框的内容
passwrod:密码框. 属性同上
hidden: 隐藏的文本框
radio: 单选按钮.(名字一样的只能选择一个)
属性:checked:默认选中。值:checked 可写可不写
checkbox: 多选按钮
属性:checked:默认选中。值:checked 可写可不写
submit: 提交按钮.提交到form标签属性action指定的目的地去。
reset : 重置按钮.将表单中的控件恢复到初始状态
button: 普通按钮。调用js代码用的
image: 图片按钮. 功能和submit一样.
<select>:下拉框
<option>:选项
属性:selected:默认选中 值:selected 可写可不写
<textarea>:多行文本框
属性:cols:定义多少列
rows:定义多少行
<fieldset>:给表单或者标签控件加一个框
<legend>: 给框上加一些文字
注释:<!-- -->
在html中,向服务器提交信息只有两种方式:a.超链接(<a>) b.表单(<form>)
其区别有:
信息安全上:表单提交的信息其他人不可见,而超链接提交的信息会附在链接后边,提交时可见,因此表单更安全
提交信息的大小:超链提交的信息的大小不能超过2M,有大小限制
ECMA:欧洲计算机制造商协会
标记:也叫标签,必须用大于号和小于号组成,中间夹一个英文单词或者字母. 每个标记的含义是固定的。标签中加一个斜杠就代表结束标签.eg: <font>标签含义就是代表字体.代表的是开始到结束标签中的字体.</font>就是结束.
超文本:带有超链接的文本,但不仅限于文本.
每个标签又规定了一些属性,用来限定标签代表内容的样式。必须写在开始标签的尖括号内,每个标签有自己特有的属性,不能共用也有一些属性是共有的。eg:<font color = "red"> color就是一个属性,代表的是字体的颜色。值是红色.<font>标签代表的字体就会显示为红色.
2.html: 是一个弱势语言。就是语法的要求不严格。不按照语法写也不会报错,也不区分大小写。html是由浏览器来解析。也就是说html是一个解释性语言.
html,css,javascript都是由浏览器直接解析.
3.xhtml: 是指符合xml语法要求的html.
4.dhtml: 是动态网页。是指的html + css + javascript 组成的网页.
5.html的结构:
<head> : 头标签
<body> : 身体。
6.常用标签:
(1) <body> : 身体标签.
属性:text: 颜色
bgcolor: 背景颜色
background: 背景图片
leftmargin: 内容到左边的距离
topmargin: 内容到上边的距离
颜色的写法:3种:a. 英文单词
b. 16进制写法
c. 了解( new rgb(121,111,54))
路径的写法:2种:a.绝对路径
b.相对路径(相对html文档<页面>的路径)
(2) <font> : 字体
属性:color:字体颜色
size: 字体大小 从-7到+7
face: 字体类型
(3) <h1> ~<h6> :字体大小
属性:align: 对齐方式,left,right,center.
(4) <pre>:预格式化标签(不要忽略空格)
(5) <a>:超链接
属性: href:点击超链要去的页面路径
name:设置锚点
分类:链接到本页面的锚点处叫内部链接,链接到其它页面叫外部链接,链接到邮件叫邮件链接
target(超链接的打开方式):目标.值有:_self(默认) _blank(新开启一个浏览器显示), _parent,_top
技巧:每隔3秒自动刷新
在<head>标签中加<meta http-equiv="refresh" content = "3">
隔3秒自动转向另外一个页面
在<head>标签中加<meta http-equiv="refresh" content = "3;url=http://www.sohu.com" >
(6) <img>:代表的是一幅图片
属性:src:图片路径
width: 宽度
height:高度
alt: 提示性文本
title: 提示性文本(共用属性)
border:给图片加一个边
<p>:代表一个段落(单独占据一行还要加一个空行)
属性:
align: 对齐方式
<br>:换行
<hr>:代表一条横线
size:代表粗细
width:代表长度(2种写法,a:绝对值 b:相对长度(相对页面的宽度))
color:颜色
noshade: 不带阴影
<b>:加粗
<i>:斜体
<u>:带下划线
 :代表空格 <: 小于号 $gt:大于号 &: &符号 ©: 版权
<sup>:上标
<sub>:下标
<center>:内容居中
<table>: 表格
属性:border:边
background:背景图片
bgcolor:背景颜色
width: 宽度
height: 高度
bordercolordark:边的暗色(表格的下边和右边,单元格的上边和左边)
bordercolorlight:边的亮色(表格的上边和左边,单元格的下边和右边)
cellpadding: 是单元格中内容到边的距离
cellspacing: 是单元格和单元格的间距
<tr> :行
属性:bgcolor:背景颜色
<td> : 单元格
属性: bgcolor:背景颜色
background: 背景图片
algin:横向对齐left,right,center
valign:竖向对齐top,middle,bottom
rowspan:行的合并
colspan:单元格的合并
<ul>:无序列表 <li>:列表项
属性:type: 显示的类型(默认为disk) disk(实心圆) cirlce(空心圆) square(实心方形)
<ol>:有序列表
属性:type: 显示类型.值:1,a,A,i,I
start: 指定从某个位置开始
<dl>: 定义列表
<dt>: 每个组的标题
<dd>: 每个条目
<label>: 文本标签
<div>: 块级标签
<span>: 块级标签
热点问题:需要用dreamweaver解决.
热点:给图片的局部区域加超链接
<frameset>: 框架集合 将多个页面合成一个页面显示在浏览器中
牢记:框架页面中不允许有<body>标签
属性:scrolling:不要滚动条 值:no,yes
noresize: 不能改变框架大小
bordercolor: 边的颜色
name:名字
<frame>:框架 一个框架显示一个页面
<form>:表单 作用:是提交信息给服务器
属性:action(提交的目的地) method(提交方式:get、post)
<input>: type :是控件的类型
text:普通文本框
属性:size:文本框的宽度.(大小的单位是显示的字母个数)
readonly:只读 值:readonly 可写可不写
value: 文本框的内容
passwrod:密码框. 属性同上
hidden: 隐藏的文本框
radio: 单选按钮.(名字一样的只能选择一个)
属性:checked:默认选中。值:checked 可写可不写
checkbox: 多选按钮
属性:checked:默认选中。值:checked 可写可不写
submit: 提交按钮.提交到form标签属性action指定的目的地去。
reset : 重置按钮.将表单中的控件恢复到初始状态
button: 普通按钮。调用js代码用的
image: 图片按钮. 功能和submit一样.
<select>:下拉框
<option>:选项
属性:selected:默认选中 值:selected 可写可不写
<textarea>:多行文本框
属性:cols:定义多少列
rows:定义多少行
<fieldset>:给表单或者标签控件加一个框
<legend>: 给框上加一些文字
注释:<!-- -->
在html中,向服务器提交信息只有两种方式:a.超链接(<a>) b.表单(<form>)
其区别有:
信息安全上:表单提交的信息其他人不可见,而超链接提交的信息会附在链接后边,提交时可见,因此表单更安全
提交信息的大小:超链提交的信息的大小不能超过2M,有大小限制
ECMA:欧洲计算机制造商协会