html总结..docVIP

HTML总结 ACCP课程第二本书——使用HTML语言和CSS开发商业站点。这本书的重点内容是手写HTML标签和CSS样式。 想要学习号这本书的技巧就是：多练，多看其他网站。 本课程分为两个阶段：手写HTML和使用Dreamweaver工具制作网页，总体思路如下。 第一部分（1~8章）：手写HTML，讲解常用的HTML标签和基本的CSS样式，训练企业要求的手写HTML，懂得并具备修改CSS的能力。 第二部分（9~12章）：使用Dreamweaver工具制作网页，并能做出贵美商城案例。并完成一个完整的网站设计、制作、测试及发布。 第三部分（13章）：六人行网站，这是对HTML和CSS进行综合的训练。 首先介绍下HTML的基本标签： HTML的文件基本结构：html head title我的第一个网页/title /head body Hello World! /body /html HTML的编辑工具是：1.记事本 2.UltraEdit 使用记事本时将文件后缀名保存为 .html再使用浏览器打开 标签介绍： title标签：打开网页后，将在浏览器窗口的标题栏显示网页标题。 h1~h6标题标签：标题标签表示一段文字的标题，并支持多层次的结构内容。 一级标题h1, 二级标题h2依次类推 这是一级标题 这是二级标题 这是三级标题 这是四级标题 这是五级标题 这是六级标题 hr/水平标签：表示一条水平线，注意该标签比较特殊没有结束标签。 常用布局的块级标签 ol有序列表标签：效果如下 注册步骤： 填写信息 收电子邮件 注册成功 ul 无序列表标签：效果如下 ·填写信息 ·收电子邮件 ·注册成功 dl定义列表标签：用于描述某个术语或产品的解释。 例如： 咖啡 一种黑色的热饮料，原料据说是咖啡豆非洲盛产这种原料 可以提神，刺激神经。 表格标签：用于描述一个表格，它适用于规整的数据显示。 手机充值 IP卡 网游 移动 联通 魔兽 form 表单标签：用于描述需要用户输入的页面内容 例如注册页面： div分区标签 行级标签： 按行逐一显示 span范围标签、a超链接标签、img /图像标签、br /换行标签、input /输入标签 语法： img src=”图片地址” alt=”图像代替文字” title=”鼠标悬停提示文字”/ dd商品价格：span style=”color:red;font-size:50px;”8/span元/dd 效果如下： 商品价格：8元 HTML的基本规范： 标签名和属性名必须小写 HTML标签必须关闭 属性值必须用引号引起来 标签必须正确嵌套 必须添加文档类型声明 超链接的基本用法： a href=” 地址” target=”目标窗口位置”链接文本或图像/a链接地址分为： 绝对路径：指向目标地址的完整描述，一般指向本站点外的文件。 相对路径：相对于当前页面的路径，一般指向本站点内的文件。 超链接的应用场合： 页面之间的链接：A页到B页，最常用，用于网站导航。 锚链接：A页甲位置到A页的乙位置或A页的甲位置到B页的乙位置，称为锚链接。 功能链接：在页面中调用其他程序功能，如电子邮件，QQ，MSN等。 页面链接： body a href=”register/register.html”[免费注册]/a a href=”login/login.html”[登录]/a 锚链接： 在页面的乙位置设置标记：a name=”marker”目标乙位置/a 在甲位置设置href属性值为：#标记名语法如下a href=”#marker”当前位置甲/a。 功能性链接： a href=mailto:nba911k@绝星痕的雅虎邮箱/a 注释：!--注释内容-- 特殊符号：因大于号（）,小于号（）等已作为html的语法符号，所以如果要在页面中显示这些特殊符号，就必须使用相应的html代码表示。 空格：nbsp; 大于号：gt; 小于号：lt； 引 号：quot; 版权符号：copy; 表单的基本语法： form action=”表单提交地址” method=“提交方法“/form method属性:get 或 post get适用于安全性不高的场合。 post适用于安全性高的场合。 语法： input type=”类型” name=”名称” value=”初始值” input元素属性： type: text password checkbox radio submit reset file hidden image和butto