html语言基本常识.docx
《html语言基本常识.docx》由会员分享,可在线阅读,更多相关《html语言基本常识.docx(36页珍藏版)》请在冰豆网上搜索。
html语言基本常识
∙标志着html文件的开始与结束
头部标志符
网页的标题
构成web的主体
1.background定义网页的背景图案
2.bgcolor背景色(默认白)
3.text文字颜色(默认黑)
4.link超链接颜色(默认蓝)
5.alink当前被选中的超链接颜色(默认红)
6.vlink已被访问过的超链接颜色(默认紫)
标志符可以控制字符的样式
1.face设置文字的字体效果
2.color设置文字颜色
3.size设置字体大小
粗体删除线
大字体下标
斜体上标
删除线下划线
小字体
设置文件中的标题nj1~6的数字
(paragraph)划分段落
预格式化标志符
换行并绘制一条水平线(没有结束标志符)
1.width水平线长度
2.size水平线粗细
3.noshade无阴影
4.align水平线的对齐方式(leftcenterright)
5.color水平线颜色
强制换行(没有结束标志符)
- ......
- ......
.......
设置有序列表li可是1.2.3....或a.b.c....或A.B.C...或i.ii.iii.....或I.II.III....
(两个属性:
typestart)
无序列表(一个属性:
typedisc实心圆circle空心圆square方框)
实现超链接
1.href定义超链接所指向的文档的URL
2.target目标窗口
3.name锚名称(该属性一般在创建页面内超链接时使用)
使用a标志符创建超链接时,可以使用相对路径(同一网站内的文件),也可以使用绝对路径(指向本站点以外的文件)
.....
创建网面内超链接逻辑上分为两步,首先定义锚点,然后再创建指向锚点的超链接
电子邮箱地址">指向电子邮箱的超链接>
插入图像
1.src设置被引用的图像文件所在的位置
2.alt设置图像的简单文字说明
3.width,height设置图像的宽度与高度
4.align对齐方式(left,right,top,bottom,middle)
5.border边框宽度
6.hspace,vspace定义了图像与周围元素的水平和垂直间距
......
定义了图像映射的区域
img通过usemap可以确定与所建立的图像映射区域的关系
area定义图像不同区域与不同文档之间建立链接
1.shape形状(rect矩形circle圆poly多边形)
2.coords坐标
3.target目标窗口
4.alt替换文字
table标记符定义表格caption定义表格标题tr标记符定义表格的行th,td标志符定义表格的单元格th定义表头单元格
table可以创建一个新的表格
1.width(宽),height(高)
2.border(边框)
3.bgcolor(背景颜色)
4.align(对齐方式leftrightcenter)
5.cellpadding(填充距)
6.cellspacing(单元格间距)
7.rules(分隔线none无分隔线groups在行列之间有rows只有行分隔线cols只有列all所有)
8.frame(边框void无边框above只显示顶部边框below只显示底部边框hsides只显示顶,底部边框vsides只显示左右边框lhs显示左边框rhs显示右box显示所有)
|
表行
1.align对齐方式(leftcenterright)
2.valign垂直对齐方式(topmiddlebottombaseline)
3.bgcolor背景颜色
| 表格数据
1.width,height
2.align(leftrightcenter)
3.valign(topmiddlebottom)
4.bgcolor
5.rowspan单元表的行数
6.colspan单元表的列数
frameset是将窗口分割成若干个子窗口,子窗口数取决于frame的个数
标记符来标识子窗口(无结果符)
1.name
2.src(源)设置框架内容的URL
3.frameborder(框架边框)
4.marginwidth(框架的左右边距)
5.marginheight(框架的上下边距)
6.scrolling(是否显示滚动条auto自动yes显示no不显示)
7.noresize(不允许调整框架的尺寸)
超链接内容
1._top表示将超链接的目标文件装入整个浏览器窗口
2._self表示将超链接的目标文件装入当前框架,以取代该框架中正在显示的文件
3._blank表示将超链接的目标文件装入一个新的浏览窗口
4._parent表示将超链接的目标文件装入当前框架的父框架
定义了一个页面内的框架
1.src(源)设置框架内容的URL
2.name
3.width,height
4.align(topmiddlebottom)
5.frameborder(框架边框)
6.marginwidth(框架左右边框),marginheight(框架上下边框)
7.scrolling(是否显示滚动条autoyesno)
表单
1.method(方法)定义表单的提交方式
2.action(动作)指定表单所对应的处理程序
定义了一个用于用户输入的表单元素(无结束标记符)
1.name标识表单元素
2.type指定表单元素的类型(text文本password密码checkbox复选框radio单选框submit提交按钮reset重置按钮)
将type指定为text,在浏览器中显示一个文本输入框,供用户输入信息
1.value(初始值)
2.size(尺寸)
3.maxlength(输入文本的最大字符数)
密码文本框
例:
复选框
例:
你的爱好:
音乐
体育
其它
单选框
例:
提交按钮
重置按钮
图像提交按钮
定义一个用于用户多行输入的表单元素
1.name指定文本域的名称
2.rows指定文本域的高度
3.cols指定文本域的宽度
......
定义了一个选项列表表单元素
1.name指定选取项列表的名称
2.size指定列表选项显示时一次显示选项的数目
3.multiple使用该属性可以允许多重选择
4.value指定当该选项被选中并提交后,浏览器传给服务器的数据
5.selected指定哪一个选项在默认状态下是选中状态
选中该控件
创建一些滚动字幕
1.direction(方向leftrightupdown)
2.behavior(行为scroll绕圈滚动slide只滚一次alternate来回滚动)
3.loop(循环)
4.scrollamount(滚动的速度)
5.scrolldelay(滚动延时)
6.align(对齐方式topmiddlebottom)
7.bgcolor
8.height,width
9.hspace,vspace(垂直和水平间距)
......
applet用来在网页中插入一个Java小应用程序对象
1.code(源代码)指定Java小应用程序的源代码文件(.class文件)
2.name
3.width,height
4.align
param用来定义Java小应用程序中的参数
1.name
2.value(值)给变量赋值
3.valuetype(值类型data表示value指定的值将作为一个字符串传递的对象
ref表示value指定的值是一个URL
object表示value指定的值是一个指向同一文档中一个object的标志符)
4.type(类型)当valuetype属性的值设置为ref时,此属性指定了URL所代表资源的内容类型
......
object可以定义很多种不同的多媒体文件
1.classid:
该属性指定了浏览器中用来播放相应多媒体对象的控件ID
2.codebase:
定义多媒体文件相对位置的根目录
3.codetype:
指定当下载由classid所指定的对象时使用的数据内容的类型
4.data:
定义多媒体文件的位置
5.type:
定义多媒体文件的类型
6.width,height
selector{property1:
value1;property2:
value2......}selector表示需要应用式样的对象
property表示由css标准定义的样式属性
value表示样式赂性的值
例:
h2{text-align:
center;font-family:
楷体_gb2312}
selector.classname{property1:
value1;......}标记符类
.classname{property:
value;......}通用类
#IDname{property:
value;......}用户定义ID
虚类
a:
link或:
link当超链接末被访问过时,超链接的显示方式
a:
visited或:
visited当超链接已经被访问过时,超链接的显示方式
a:
active或:
active当超链接当前为选中姿态时,超链接的显示方式
a:
hover或:
hover当鼠标指针悬停在超链接上时,超链接的显示方式
例:
a:
link{color:
blue}
长度单位
1.em:
它所代表的长度是当前字体中m字母的宽度
2.ex:
它所代表的长度是当前字体中x字母的高度
3.px:
像素,它是相对于计算机屏幕的分辨率来定义的
in:
英寸,1in=2.54cm1cm=10mm
pt:
点,1点=1/72inpc:
帕1帕=12点
font-family(字体族)
font-family:
字体名称|字体族名称
例:
p{font-family:
黑体,宋体,serif}
font-style(字体风格)
font-style:
字体风格名称
例:
p{font-style:
oblique}
font-size(字体大小)
font-size:
绝对大小|相对大小|百分比
font-variant(字体变形)
font-varient:
字体变形值
1.normal(普通)
2.small-caps(小型大写字母)
font-weight(字体加粗)
font-weight:
字体加粗值
1.normal(普通)
2.bold(加粗)
3.bolder(更粗)
4.lighter(更细)
letter-spacing(字符间距)
letter-spacing:
数值
text-decoration(文字修饰)
text-decoration:
文字修饰效果
1.none无
2.underline下划线
3.overline上划线
4.line-through删除线
5.bink闪烁
text-transform(文本转换)
text-transform:
文本转换方式
1.none无
2.capitalize使所有单词的第一个字母大写
3.uppercase使所有单词字母都大写
4.lowercase使所有单词字母都小写
text-align(文本对齐方式)
text-align:
对齐方式
1.left
2.right
3.justify可调整
text-indent(文本缩放)
text-indent:
缩放的数值
line-height(行高)
line-height:
数值
margin(页边距)
margin:
数值
padding(填充距)
padding:
数值
例:
table{padding:
2cm3cm5cm}上填充距2cm,左右填充距为3cm,下填充距5cm
border-style(边框样式)
border-style:
边框样式
1.none
2.dotted点线
3.dashed虚线
4.solid实线
5.double
6.groove凹线
7.ridge凸线
8.inset内陷
9.outset外凸
border-color(边框颜色)
border-color:
颜色值
border-width(边框宽度)
border-width:
数值
1.thin细
2.medium中
3.thick宽
border(边框)
border:
边框样式|边框宽度|边框颜色
例:
h1{border:
5pxsolidred}
float(浮动)
float:
参数
1.none
2.left
3.right
标记或参数
定义
连结标记
地址标记(斜体效果)
连结区域标记(设定各连结区域)
alink
点击连结时的样式。
例:
alink="#FF0000"
align
水平方向摆放位置。
例:
align="center"
alternate
来回走动,例:
behavior=alternate
alt
在连结中插入文字说明。
例:
alt="绿叶园"
字体加粗标记(产生字体加粗的效果)
正文标记(设计文件格式及内文所在)
换行标记(令文字、图片等显示在下一行)
字体加大标记(令字体稍为加大)
闪烁文字标记(令文字产生闪烁效果)
背景声音标记(于背景播放声音或音乐)
连结基准标记(可将网页中所有的相对路径转换成绝对路径)
基准字形标记(设定所有字的字形、大小、颜色)
引述文字区块、令文字在表格的上下左右留有一定的空间
background
背景墙纸。
例:
background=01.JPG
bgcolor
背景颜色。
例:
bgcolor="#ff0000"
bgproperties
固定背景墙纸。
例:
bgproperties="fixed"
border
边框。
例:
border=10
bordercolor
边框颜色。
例:
bordercolor="#000080"
bordercolorlight
边框向光部分的颜色。
例:
bordercolorlight="#000000"
bordercolordark
边框背光部分的颜色。
例:
bordercolordark="#ffffff"
bottom
置于底端。
例:
valign="bottom"
behavior
卷动方式。
例:
behavior=alternate
blank
表示连结的目标地址在新建窗口中打开。
例:
target=_blank
居中标记(令文字、图片、表格等显示于中间)
表格标题(做成一打通列以填入表格标题)
程式码(字体稍为加宽如)
引述(斜体效果)
colspan
该单元格向右打通。
例:
colspan="5"
color
颜色。
例:
color="#00FF00"
cellspacing
单元格间距。
例:
cellspacing="5"
cellpadding
单元格衬距。
例:
cellpadding="10"
区域标记
述语定义标记(斜体效果)
目录清单标记(清单项目将以圆点排列,如
)定义清单标记(清单分两层出现)
定义条目标记(标示该项定义的标题)
定义内容标记(标示定义内容)
direction
方向。
例:
direction=up
强调标记(字体出现斜体效果)
多媒体标记
)开头定义标记
影像地图名称标记(设定影像地图名称)
走动标记
middle
居中。
例:
align="middle"
marginwidth
框架左右边缘与框架内的文件保留的空间。
例:
marginwidth=0
marginhight
框架上下边缘与框架内的文件保留的空间。
例:
marginheight=0
不换行标记(强制文字不自动换行)
不支持框架标记(当旧式浏览器不支援框架时显示提示)
name
参考点(锚点)。
例:
no
否。
例:
scrolling=no
noshade
平面显示。
例:
noresize
锁住框架窗口的大小
顺序清单标记(清单项目将以数字、字母顺序排列)
段落标记(为字、画、表格等之间留一空白行)
预设格式标记(令文件按照原始码的排列方式显示)
_parent
父窗口(连结的目标网页在本窗口中打开)。
例:
target=_parent
playbutton
在媒体播放面板中显示播放按钮
pausecutton
在媒体播放面板中显示暂停按钮
加重语气标记(产生字体加粗Bold的效果)
字体缩细标记(令字体稍为缩细)
划删除线标记(为字体加一删除线)
范例标记(字体稍为加宽如)
下标字标记
上标字标记
样式表标记
自订标记(独立使用或与样式表同用)
选择标记(建立pop-up走动清单)
引用脚本标记
size
大小。
例:
size="7"
src
来源。
例:
src="logo.gif"
_self
相同窗口(在相同的框架中显示连结的内容)。
例:
target="_self">
starttime
开始播放的时间。
例:
starttime="00:
10"
smallconsole
显示较小的面板。
例:
controls="smallconsole"
stopbutton
显示停止按钮。
例:
controls="stopbutton"
scrolling
滚动条。
例:
scrolling=no
scroll
走动。
例:
behavior="scroll"
scrollamount
走动的速度。
例:
scrollAmount=25
scrolldelay
走动的停顿时间。
例:
scrolldelay=1000
slide
逐格走动(幻灯式)。
例:
behavior="slide"
网页文件标题标记
表格标记
表格的行
表格的列 | 表格标头(相等于 | ,但其内之字体会变粗)
打字字体(Courier字体,字母宽度相同) 文字区块(提供文字方盒以输入较大量文字) topmargin 网页的上边距。 例: topmargin=10 top 上方。 例: valign="top" text 整个网页的文字颜色。 例: text=#CE0063 target 超级连接打开窗口模式。 例: target=_blank _top 将连结的网页显示在没有框架的窗口中。 例: target=_top typ
展开阅读全文
相关搜索
|
---|