使用HTML语言开发静态网站必须掌握的.ppt

HTML总结 第 1 章 HTML的基本标签 第 2 章 表格基础 第 3 章 表单和框架 第 4 章 CSS样式表 第 5 章 使用Dreamweaver制作网页 第 6 章 网站设计和页面布局技术（一） 第 7 章 网站设计和页面布局技术（二） 第1章 HTML的基本标签 HTML文件的基本结构 文本的相关标签 图像标签 文字布局 页面链接A标签 滚动MARQUEE 第1章 HTML的基本标签 HTML文档的基本结构 html head meta http-equiv=“content-type” content=“text/html ; charset=gb2312” title标题/title /head body 需编辑内容!!! /body /html 第1章 HTML的基本标签 文本的相关标签 标题标签 h1一级标题/h1 …… h6六级标题/h6 font标签（可以指定文本大小、字体类型和颜色） 默认为3号，最大为7号，最小为1号。 例：font size=“+2” color=“red” face=“隶书” 特殊符号 空格→nbsp; () →gt; () →lt; (“”) →quot; 版权号→copy; 第1章 HTML的基本标签 段落标签p 例：p align=“…”nbsp;/p 换行标签br－换行不换段 br是独立标签，单独出现，作用是强制换行 图像标签Img 常见格式有：jpeg、gif、swf、bmp 基本语法：img src=“../*.*” width=“” height=“” alt=“” 图像与文本的对齐：top、bottom、middle、left、right 分隔线标签HR：hr size=“” color=“” width=“” 第1章 HTML的基本标签 列表标签 无序列表 ul type=“ ” li....../li li....../li /ul 有序列表 ol type=“ ” li....../li li....../li /ol type可选的值：disc、circle、square 第1章 HTML的基本标签 预格式文本pre标签 pre....../pre (标签之间的内容原样输出) 页面链接A标签 链接到其他页面 a href=“../*.html”....../a 链接到本页面 在链接源创建超链接a href=“#......”主题名称/a 在被链接对象创建超链接a name=“......”主题名称/a 电子邮件链接 a href=“mailto:......@...... .com”....../a 第1章 HTML的基本标签 滚动MARQUEE marquee scrolldelay=“” direction=“” bgcolor=“” behavior=“alternate” onmouseover=“this.stop()” onMouseOut=“this.start()” width=“” 滚动文字或图像 /marquee scrolldelay 表示滚动延迟时间 Behavior　设置滚动方式，上面设置为交替滚动 direction 表示滚动的方向 up down left right 第2章 表格基础 表格基础 跨多行跨多列的表格 表格的美化修饰 表格用于布局 第2章 表格基础 表格基础 表格的基本结构 table tr td 创建表格的语法 table tr tdnbsp;/td /tr /table 第2章 表格基础 跨多行跨多列的表格 跨多列、多行的表格 table tr td colspan=“所跨的列数”单元格内容/td td rowspan=“所跨的行数”单元格内容/td /tr /table 第2章 表格基础 表格的美化修饰 设置表格的尺寸和边框 语法：table width=“表格宽度” height=“表格高度” border=“表格边框宽度” 设置背景 表格背景：table bgcolor=“整个表格背景颜色” background=“表格背景图像” …… /table 行背景色：tr bgcolor=“行的背景颜色”行内内容/tr 单元格背景色：td bgcolor=“单元格的背景颜色”单元格内容/td 第2章 表格基础 设置对齐方式 表格、行或列的对齐方式使用align属性 值为：right（右对齐） center（居中） left（左对齐） 表格、行或列的对齐方式还可以使用Valign属性 　　值为：top/