预览加载中，请您耐心等待几秒...

HTML标签和属性+CSS样式.doc

预览
1/6
2/6
3/6
4/6
5/6
6/6

在线预览结束，喜欢就下载吧，查找使用更方便

下载提示 文本预览

如果您无法下载资料，请参考说明：

1、部分资料下载需要金币，请确保您的账户上有足够的金币

2、已购买过的文档，再次下载不重复扣费

3、资料包下载后请先用软件解压，在使用对应软件打开

第一章HTML基本标签（一） 一、HTML文件的基本结构 1.HTML超文本标签语言 2.基本结构 <html> <head> <title>标题</title> </head> <body> 正文主题 </body> </html> 3.标签 （1）<title></title>网页标题 （2）<meta/>摘要信息 <metahttp-equiv=”Content-Type”content=”text/html;charset=utf-8”> Charset字符集编码： gb2312：简体中文 ISO-885901：纯英文 big5：繁体 utf-8：国际通用的字符编码 （3）块级标签 1）基本块级标签 标题：<h1></h1>~<h6></h6> 段落：<p></p> 水平线：<hr/> 2)布局块级标签 有序列表：<ol><li>…</li></ol> 无序列表：<ul><li>…</li></ul> 定义列表：<dl><dt></dt><dd>…</dd></dl> 表格：<table><tr><td></td>…<tr>…</table> 表单：<form><input/>…</form> 分区：<div></div> （4）行级标签 常用图片格式：.jpg.gif.bmp.png 图像标签：<imgsrc=”图片路径”alt=”代替文本”title=”悬停信息”/> 范围标签：<span></span> 换行标签：<br/> 4.W3C标准 W3C是指万维网联盟（WorldWideWed） 1)W3C提倡的Wed页结构 A.内容（结构）和表现（样式）分离 B.HTML内容结构要求语义化 2）XHTML1.0的基本规范 A.标签名和属性名称必须小写； B.HTML标签必须关闭； C.属性值必须用引号括起来； D.标签必须正确嵌套； E.必须添加文档类型声明。 第二章HTML基本标签（二）和表单 一、超链接<a>标签 1.基本语法：<ahref=”链接地址”target=”目标窗口位置”>链接文本或图像</a> _blank在新窗口打开 _self在自身窗口打开 框架窗口名在指定的框架窗口打开 _parent在父框架集中打开 _top在顶级窗口即整个浏览器打开 2.超链接的三类应用场合 页面间的链接：A—BA页面里写<ahref=”B页面的路径”></a> 锚链接：A甲—A乙或B乙 同页：A页面里写甲位置：<ahref=”#标记名”></a> A页面乙位置：<aname=”标记名”></a> 不同页：A页面里写甲位置：<ahref=”B页面路径#标记名”></a> B页面乙位置：<aname=”标记名”></a> 功能性连接：电子邮件，QQ等 <ahref=”mailto:邮箱地址”></a> <ahref=”tencent://message/?uin=QQ号”></a> 3.注释和特殊符号 （1）注释：<!--注释内容--> 空格&nbsp; 大于号&gt; 小于号&lt; 引号&quot; 版权符号&copy; （2）特殊符号： 4.表单 （1）语法：<formaction=”表单提交地址”method=”提交方法”> <!--文本框，按钮等表单元素--> </form> action不填为当前页；method：get安全性低post安全性高 （2）表单元素： 1)文本框：<inputtype=”text”value=”初始值”size=”大小”name=”标识名”/> 2)密码框：<inputtype=”password”size=”大小”name=”标识名”/> 3)按钮： <inputtype=”submit”value=”提交按钮”name=”标识名”/> <inputtype=”reset”value=”重置按钮”name=”标识名”/> <inputtype=”button”value=”普通按钮”name=”标识名”/> <inputtype=”image”src=”图片路径”/>（图片提交按钮） 4)单选按钮： <inputtype=”radio”value=”初始值”name=”标识同名”checked=”checked”（选中）/> 5)复选框： <inputtype=”checkbox”value=”初始值”name=”标识同名”/> 6)文本域： <inputtype=”file”name=”标识名”/> 7)下拉列表框： <selectname=”指定列表名称”size=”行数”> <optionvalue=”可选项值”selected=”selected(选中)”></option> <optionvalu