还剩4页未读,继续阅读
文本内容:
第1章HTML(HyperTextMarkUpLanguage超文本标记语言,由标记代码和相关的属性数据组成标记符通常不区分大小写.使用记事本来编写HTML文件,将文件后缀名改为“htm”或“html”第2章body标记背景色属性bgcolor bodybgcolor=“背景色”页面文字颜色属性text bodytext=“文字颜色”页面边距属性margin bodyleftmargin=“左边距”topmargin=“上边距”(边距是页面内容和浏览器边框的距离,包括上边距和左边距)标题标记HTML语言提供6个级别的标题标记h
1、h
2、h
3、h
4、h
5、h6这6个标记用来定义正文标题,样式从大到小每个正文标题包括的文字自成一段,一般采用加粗的样式,并使得标题文字上下产生空行h1align=“center”1号居中对齐标题/h1段落标记palign=“对齐方式”这是第一个段落/p段落标记可以只有开始标记p而没有结束标记/p段落开始将产生空行,使得段落之间有间距换行标记这里实现一个换行br这里再一个换行br使用/br标记,可以直接实现文字换行换行标记是一个单独使用的标记,不存在结束标记font标记fontsize=“字号”……/fontsize的取值范围为从1到7的整数,默认为3也可以是-2到+4fontface=“字体名称”……/fontfontcolor=“颜色的值”……/font文字标记的特点浏览器会自动截去源文件中多余的空格,不管源文件某处增加多少个空格,都被处理为一个空格浏览器会自动截去源文件中多余的回车(换行),不管源文件某处增加多少换行,网页显示的时候都自动被清除在源文件中,即使将文字编排成段落,浏览器并不把这些文字按段落显示,设置段落一定要使用段落标记p标记h和段落p既会产生换行效果,又会自动为文字产生空行,换行标记br不会产生空行水平线hrcolor=“颜色”width=“宽度”size=“粗细”有序列表oltype=“有序类型“li列表项目1/lili列表项目2/lili列表项目3/li/ol无序列表ultype=“无序类型“li列表项目1/lili列表项目2/lili列表项目3/li/ul在网页中嵌入图片imgsrc=“图像文件地址”网页的背景图像bodybackground=“背景图像文件地址”head头部信息和title标题headtitle网页的标题/title/head第3章文字用作超级链接ahref=“被链接文件的地址“target=“新页面打开方式”含有链接的文字/a图像用作超级链接ahref=“被链接文件的地址”target=“新页面打开方式”imgsrc=“图像的地址”/a书签链接建立锚点aname=“该处的锚点名称”链接锚点ahref=“#锚点名称”链接到E-mail地址ahref=“mailto:收件人邮件地址”含有链接的对象/a链接地址的表示HTML有两种路径的写法相对路径和绝对路径绝对路径从根目录为起点到你所在的目录;URL描述的文件地址就是绝对路径,比如一张图片的地址为“http://hiphotos.baidu.com/pic/item/
123.jpg”相对路径从一个目录为起点到你所在的目录,具体讲就是相对当前的页面文件而言,被链接的文件如何被描述比如src=“image/abc/
456.jpg”框架framesetrows/cols=“框架1高度/宽度,框架2高度/宽度,……”framesrc=“导入框架1的文件地址”framesrc=“导入框架2的文件地址”……/frameset第4章表格及其属性tabletrtd第1行第1列/tdtd第1行第2列/tdtd第1行第3列/td/trtrtd第2行第1列/tdtd第2行第2列/tdtd第2行第3列/td/tr/table表格的框线为了让表格清晰可见,便于学习HTML表格,我们可以显示表格的外框和内部的边线tableborder=“外框粗细“bordercolor=“框线颜色”表格的标题tablecaption表格的标题/captiontr/tr/table表格的表头tabletrth表头1/th……/tr……/table表头th必须写在表格行内,实质上表头也是特殊格式的单元格,表头内的文字粗体显示,并在单元格内居中对齐表格的对齐方式通过align属性为表格设定相对于浏览器窗口的对齐方式tablealign=“表格的对齐方式”表格的背景设置可以给整个表格设定背景色或背景图tablebgcolor=“表格背景色”tablebackground=“表格背景图文件地址”表格行背景设置表格的行可以设定背景色,但不可以设定背景图trbgcolor=“背景颜色”表格行的对齐方式行对齐方式有两种,一是水平方向对齐,二是垂直方向对齐行对齐方式将影响本行内所有单元格的对象的对齐方式tralign=“水平对齐方式”valign=“垂直对齐方式”单元格的背景可以单独为表格的每个单元格设置背景色或背景图tdbgcolor=“本单元格背景色”或tdbackground=“本单元格背景图地址”单元格的对齐方式表格的单元格中的对象可以单独设定对齐方式tdalign=“本单元格水平对齐方式”valign=“本单元格垂直对齐方式”单元格的合并列合并tdcolspan=“本单元格列合并数量”行合并tdrowspan=“本单元格行合并数量”第5章将样式表添加到HTML文档中的三种方法内嵌样式h2style=“text-align:right”内嵌样式使用简单、灵活,优先级高,但是可移植性差,没有做到HTML内容与格式的分离内部样式表headstyletype=“text/css”h2{text-align:right}/style/head内部样式表对整个当前页面都有效但若该标记还定义了内嵌样式,两种样式相同的属性将以内嵌样式内定义的为准外部样式表headlinkrel=“stylesheet”type=“text/css”href=“mycss.css”/head外部样式表文件是一种类似HTML文件的文本文件,以css作为文件扩展名,文件内部为样式表内容CSS基本语法p{text-align:center;color:red}属性和值之间用冒号隔开,多个属性定义之间用分号隔开类选择符p.right{text-align:right}.center{text-align:center}类的选择符名称可以是任意英文单词或以英文开头与数字的组合.伪类选择符伪类设置超级链接样式a:link伪类是CSS已经定义好的,不能像类选择符一样随意用别的名字.CSS颜色表示方法用颜色名称表示如red、blue等;用十六进制表示#FF
0000、#00FF00等;用RGB(红,绿,蓝)表示rgb(0,0,255)第6章JavaSript与网页文档结合的两种方式将JavaSript程序嵌入网页文档scripttype=“text/javascript”JavaScript代码/script调用JavaSript程序外部文件scriptsrc=“脚本文件地址”/scriptHTML的表单标记表单的input对象formname=“表单名称”inputtype=“对象类型”name=“对象名称”……/forminput对象可以有很多类型text:文本输入框password:密码输入框checkbox:复选框radio:单选框image:图像按钮hidden:隐藏区域file:文件域button:按钮submit提交按钮reset:重置按钮表单的select对象select用来列出菜单,让浏览者选择selectname=“对象名称”optionvalue=“选项1”显示值1optionvalue=“选项2”显示值2……/select表单的文本区域对象textarea用来在表单中产生一个能够输入多行的文本区域textareaname=“对象名称”rows=“行数”cols=“列数”请你遵守以下规则
1.
2.……/textarea。