HTML基础
Web,HTML结构介绍
</b><b>标签输出内容</b><b>网页头部
输出内容
主题内容
(1)网页标题
格式
输出内容
输出内容
数字越大,字体越小
...........................
输出内容
(2)段落标签
输出内容
:
两个段落之间有一定的间隔
.
(3)换行标签
(4)水平线标签(分割线)
(5)字体样式标签
加粗输出内容
斜体输出内容
(6)注释和特殊符号(常用)
空格
"引号''
©版权符号©
>大于号>
<小于号<
注释内容-->注释符号
(7)常见的图像格式
JPGGIFPNGBMP
(8)插头图片
插图路径"alt="图像替代文字"title="鼠标悬停提示文字"
width="图片宽度(像素)"height="图片高度(像素)"/>
(9)插入的图像可链接(图片,文字均可)
链接文本或图像
(10)锚链接(跳转页面)
格式:甲位置//创建跳转标记
乙位置//创建跳转链接
(11)功能性链接(电子邮件:QQ,MSN)
格式:联系我们
(12)无序
列表有序语法
定义
※无序显示
·输出内容
输出内容
·输出内容
·输出内容
中
type
取值
:
格式
disc:●实体圆心
square:■实体方形
circle:○空心圆
※有序显示
1.
输出内容
输出内容
2.
输出内容
3.输出内容
type
取值
:
格式
1:使用数字项目符号
a/A:使用英文大或小写做项目符号
i/I:使用罗马数字做项目符号
※定义列表显示
声明列表项
定义列表项内容
(13)表格
列
基本结构行
单元格
格式:外边框"cellspacing="单元格之间的间距"cellpadding="单元格与内容的间距">
:代表行
输出内容//代表单元格中要输出的内容
align(水平)left(左)
※表格对齐方式center(居中)
right(右)
top(顶端)
middle(居中)
valign(垂直)buttom(底端)
baseline(基线)
※表格跨列
跨列:想跨几列">输出内容
跨行:想跨几行">输出内容
(14)表单语法(用户名,密码框填写等)
post(规定如何发送表单数据,常用值:get(明文),post(密文)" action="result.html(</b><b>表示向何处发送表单数据</b><b>)">
名字:
密码:
提交">
重填">
(15)文本框
语法:文本框)"name="username(文本框名称)"value="用户名(文本框初始值)"size="30(文本框长度)"maxlength="20(文本框可输出最大字符)">
(16)单选按钮(☉男☉女)
语法:单选按钮框)"value="男(值)"checked="checked"(单选按钮默认选中)>男(输出文本)
女" >女
(17)复选框(□√运动□聊天□√玩游戏)(可多选)
语法:创建复选框)name="interest"value="sport"(值)>运动
聊天
玩游戏
(18)列表框(下拉菜单)
列表名称"size="行数">
选项)value="选项的值"selected="selected"(默认选中项)>输出内容
//需要多少选项,就创建多少option
重置
提交(19)按钮()
语法：
reset"(创建重置按钮)name="butReset"value="reset按钮"(按钮上显示的文字)>
submit"(创建提交按钮)name="butSubmit"value="submit">
button"(创建普通按钮)name="butButton"value="button按钮">
(20)图片按钮
语法:创建图片按钮)src="图片路径">
(21)多行文本域(类似于网页上填写'个人说明/介绍'框)
语法:
创建多行文本域)name="showText"cols(列数)="x"rows(行数)="y">文本内容
上传
浏览(22)文件域()
语法:
向何处发送表单数据"method="post(规定如何发送表单数据,常用值:get,post)"enctype="multipart/form-data"(表单编码属性)>
上传"
/>
(23)隐藏域
创建隐藏域)value="666"name="userid">
(24)只读文本框与禁用
张三"readonly=" readonly "(只读文本框)>
submit"disabled="disabled"(禁用)value="保存">
(25)表单结构标签
fieldset标签
分组表单信息
legend标签
为表单结构添加标题,对其中的内容加以说明
属性:leftrightcenter
(26)关联表单元素
label标签
为没有内建标签的表单控件,建立与表单的关联
for属性,用于建立表单控件与表单的关联,其属性值可以自定义
真实姓名:
type="text" name="realName" value="请填写真实姓名" size="30" maxlength="10" id="name"/>
HTML基础
Web,HTML结构介绍
</b><b>标签输出内容</b><b>网页头部
输出内容
主题内容
(1)网页标题
格式
输出内容
输出内容
数字越大,字体越小
...........................
输出内容
(2)段落标签
输出内容
:
两个段落之间有一定的间隔
.
(3)换行标签
(4)水平线标签(分割线)
(5)字体样式标签
加粗输出内容
斜体输出内容
(6)注释和特殊符号(常用)
空格
"引号''
©版权符号©
>大于号>
<小于号<
注释内容-->注释符号
(7)常见的图像格式
JPGGIFPNGBMP
(8)插头图片
插图路径"alt="图像替代文字"title="鼠标悬停提示文字"
width="图片宽度(像素)"height="图片高度(像素)"/>
(9)插入的图像可链接(图片,文字均可)
链接文本或图像
(10)锚链接(跳转页面)
格式:甲位置//创建跳转标记
乙位置//创建跳转链接
(11)功能性链接(电子邮件:QQ,MSN)
格式:联系我们
(12)无序
列表有序语法
定义
※无序显示
·输出内容
输出内容
·输出内容
·输出内容
中
type
取值
:
格式
disc:●实体圆心
square:■实体方形
circle:○空心圆
※有序显示
1.
输出内容
输出内容
2.
输出内容
3.输出内容
type
取值
:
格式
1:使用数字项目符号
a/A:使用英文大或小写做项目符号
i/I:使用罗马数字做项目符号
※定义列表显示
声明列表项
定义列表项内容
(13)表格
列
基本结构行
单元格
格式:外边框"cellspacing="单元格之间的间距"cellpadding="单元格与内容的间距">
:代表行
输出内容//代表单元格中要输出的内容
align(水平)left(左)
※表格对齐方式center(居中)
right(右)
top(顶端)
middle(居中)
valign(垂直)buttom(底端)
baseline(基线)
※表格跨列
跨列:想跨几列">输出内容
跨行:想跨几行">输出内容
(14)表单语法(用户名,密码框填写等)
post(规定如何发送表单数据,常用值:get(明文),post(密文)" action="result.html(</b><b>表示向何处发送表单数据</b><b>)">
名字:
密码:
提交">
重填">
(15)文本框
语法:文本框)"name="username(文本框名称)"value="用户名(文本框初始值)"size="30(文本框长度)"maxlength="20(文本框可输出最大字符)">
(16)单选按钮(☉男☉女)
语法:单选按钮框)"value="男(值)"checked="checked"(单选按钮默认选中)>男(输出文本)
女" >女
(17)复选框(□√运动□聊天□√玩游戏)(可多选)
语法:创建复选框)name="interest"value="sport"(值)>运动
聊天
玩游戏
(18)列表框(下拉菜单)
列表名称"size="行数">
选项)value="选项的值"selected="selected"(默认选中项)>输出内容
//需要多少选项,就创建多少option
重置
提交(19)按钮()
语法：
reset"(创建重置按钮)name="butReset"value="reset按钮"(按钮上显示的文字)>
submit"(创建提交按钮)name="butSubmit"value="submit">
button"(创建普通按钮)name="butButton"value="button按钮">
(20)图片按钮
语法:创建图片按钮)src="图片路径">
(21)多行文本域(类似于网页上填写'个人说明/介绍'框)
语法:
创建多行文本域)name="showText"cols(列数)="x"rows(行数)="y">文本内容
上传
浏览(22)文件域()
语法:
向何处发送表单数据"method="post(规定如何发送表单数据,常用值:get,post)"enctype="multipart/form-data"(表单编码属性)>
上传"
/>
(23)隐藏域
创建隐藏域)value="666"name="userid">
(24)只读文本框与禁用
张三"readonly=" readonly "(只读文本框)>
submit"disabled="disabled"(禁用)value="保存">
(25)表单结构标签
fieldset标签
分组表单信息
legend标签
为表单结构添加标题,对其中的内容加以说明
属性:leftrightcenter
(26)关联表单元素
label标签
为没有内建标签的表单控件,建立与表单的关联
for属性,用于建立表单控件与表单的关联,其属性值可以自定义
真实姓名:
type="text" name="realName" value="请填写真实姓名" size="30" maxlength="10" id="name"/>
