文 Html常用标签和语法.doc

资源描述

Html常用标签和语法 Html的基本语法是:<html> <head>头部信息;如<meta>、<title>等 <body>文档主体；几乎包括网页所有要显示的内容 </html></head></body> Html的基本语法知识：标签后面可以有一个或多个属性，属性之间有一个或多个空格，制表符或回车符隔开，属性与顺序无关，语法形式为：<标签名称属性1 属性2 属性3 ……〉受控内容〈/标签名称〉常用标签：结构标签：〈html〉包含〈 head〉 <body> <framset>等标签〈/html〉头标签：〈 head〉</head> 文档标题标签：〈title〉</title> 主体标签：〈body〉</body> Body的常用属性： Text 设置页面默认文字颜色 Bgcolor 设置页面背景颜色 Background 设置页面背景图片 Bgproperties 设置页面背景图像为固定，不随页面滚动而滚动 Link 设置页面默认的链接文本颜色 Alink 设置当前活动的链接文本颜色 Vlink 设置访问过后的链接文本颜色 Leftmargin/Rightmargin 设置页面的左/右边距 Topmargin/Bottommargin 设置页面的上/下边距常用文本标签段落标签：〈p〉……〈p〉换行标签：〈br〉……</br> 水平线标签：<ht>……〈hr〉水平线常用属性：width(宽度) align（对齐方式） size （高度）color（颜色） noshade（去掉水平线阴影）文字格式控制标签：〈font〉……〈/font〉其常用属性：face （字体.中文默认为宋体）size（字号，默认为3） color（颜色）预格式化标签：〈pre〉……〈/pre〉标题字标签：〈hn〉……〈/hn〉注：有六种：〈h1〉——〈h6〉文字修饰标签：常用标签说明：〈b〉……〈/b〉使标签之间的文本加粗〈i〉……〈/i〉斜体〈u〉……〈/u〉加下划线〈s〉……〈/s〉加删除线〈sup〉……〈/sup〉使标签之间的文本以上标的形式显示〈sub〉……〈/sub〉使标签之间的文本以下标的形式显示〈big〉……〈/big〉定义大号文字〈small〉……〈/small〉定义小号文字特殊字符：空格（ ） “(&quotj) ‘(&apos) <(&It;) >(>) &(&) 图像标签：〈img〉基本语法：〈img src="图像地址" alt="提示文字" width="宽度值" height="高度值" border="边框宽度值"/〉嵌入音视频:<embed> 基本语法：〈embed src="音视频文件地址" width="宽度值" height="高度值" align="对齐方式" autostart="打开方式" loop="循环次数" hidden="是否可见" hspace="水平方向与周围元素间距离"vspace="垂直方向与周围元素间距离"〈/embed〉注：autostart="true"为自动播放。 hidden="true"为隐藏播放器。表格类标签常用标签：<table>…〈/table〉(定义表格的开始和结束) 常用属性：align （对齐方式）border（边框宽度） bordercolor cellpadding（边框与内容距离）cellspacing（相邻单元格间距离） width/height bgcolor background。〈caption〉…〈/caption〉(定义表格的标题，有属性align,属性值为top和bottom)。〈tr〉…〈/tr〉（定义表格行，一行可以由多组〈td〉或〈th〉标签组成）常用属性：align （对齐方式）width/height bgcolor background。〈th〉…〈/th〉（定义表头单元格，是一种特殊的单元格标签，在表格中可以选择使用）〈td〉…〈/td〉（定义单元格，必须置于〈tr〉标签内）常用属性：align （对齐方式）valign （单元格数据的垂直对齐方式）width/height bgcolor background colspan（水平方向上向右合并单元格，属性值是跨列的数目） rowspan（水平方向上向下合并单元格，属性值是跨列的数目）。超级链接标签：〈a〉……〈/a〉基本语法：〈a href="链接所指的URL地址" target="打开链接的目标窗口" tltle="鼠标划过提示文本"〉设置链接的文字或图片〈/a〉注：邮件链接href属性是：“mailto:+电子邮件地址” 命名锚记链接：基本语法：〈A Name="锚记名"〉〈/A〉设置同一个文档内的锚记链接：〈A herf="#锚记名"〉超级链接的文字〈/A〉设置不同文档内的锚记链接：〈A herf="目标网页名称#锚记名"〉超级链接的文字〈/A〉列表标签：有序列表：〈ol type="序号类型" start="序号开始的编号"〉〈li〉列表项目1〈/li〉〈/ol〉无序列表：<ul type="序号类型">〈li〉列表项目1〈/li〉</ul> 表单类标签：〈form name="表单名称" method="提交表单的方法" action="表单处理程序的位置"〉……〈/form〉注：method有两种方法：get和post。可以放在表单标签内的对象标签有：〈input〉:表单输入标签。语法：〈input type="表单对象类型" name="表单对象名称"〉注：type常用属性：text（文本框）password（密码框）radio（单选按钮）checkbox（复选框）button（普通按钮）submit（提交按钮）reset（重置按钮）file（文件域）image（图像域）hidden（隐藏域）文本框语法：〈input type="text" name="user_name" maxlength="16" size="20" value="mikey"〉密码框语法：〈input type="password" name="密码框的名称"maxlength="最大输入密码的个数" size="密码框的宽度" value="密码框的默认值"〉单选按钮语法：〈input type="radio" name=单选按钮名称" checked value="选中项目后传到服务器的值"。复选框语法：〈input type="Checkbox" name=复选框名称" checked value="选中项目后传到服务器的值"。普通、提交、重置按钮语法：〈input type="button" name="普通按钮名称" value="按钮上显示的字"。〈input type="subimt" name="提交按钮名称" value="按钮上显示的字"。〈input type="reset" name="重置按钮名称" value="按钮上显示的字"。文件域file语法：〈input type="file" name="文件域名称"〉图像域file语法：〈input type="image" name="图像域名称" src="图像地址"〉隐藏域hidden语法：〈input type="hidden" name="隐藏域名称" value="隐藏域传输的值"〉文本域标签：基本语法：〈textarea name="文本区域名称" rows="行数" cols="列数" value="文本区域默认值"〉〈/textarea〉菜单和列表标签：〈select〉……〈/select〉以及菜单和列表项标签〈option〉……〈/option〉语法：〈select name="菜单和列表名称" size="可行的行数" multiple〉<option value="选项值1" select>选项值1〈/option〉</select> 框架集标签〈frameset〉和框架标签〈frame〉浮动框架标签〈iframe〉滚动字幕标签：〈marquee〉……〈/marquee〉〈marquee direction="滚动的方向" behavior="滚动方式" loop="滚动次数"〉要设置滚动的内容〈/marquee 〉注：direction可接受的值：up down left right behavior可接受的值 scroll slide alternate(交替进行滚动) Scrollamount:滚动速度 scorlldelay:滚动延迟。Width/height:滚动的宽度范围。背景音乐标签：〈bgsound〉……〈/bgsound〉语法：〈bgsound scr="音乐文件路径" loop="音乐播放次数"〉引用脚本标签：〈script〉……〈/script〉内部脚本语法：〈script language="使用的脚本类型"〉包含脚本内容〈/script〉引入外部脚本语法：〈script language="使用的脚本语言类型" src="外部脚本文件的路径"〉〈/script〉

展开阅读全文