Html静态网页代码汇总

  1. 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。

Dreamweaver静态网页Html标记代码汇总

网站相关概念

Internet是一个全球计算机互相网络,WWW是Internet所提供的一种极其重要的服务,即World Wide Web,简称Web;WWW主要以Web为表现形式,或者说,Web是Web页即网页的载体,我们所说的Web页就是指由HTML(超文本标记语言)这种语言编写的一类特殊文件,通常后缀为*.html或*.htm的页面。

Dreamweaver CS基本应用

HTML文档结构:

:静态网页源代码首尾结构标记,代码内呈现网页所有内容

:网页主体部分

:网页头部,包含网页导航栏中的标题和网页不显示的信息

:标签内显示出网页台头的标题名,用于标签之内

:辅助性标签,用于标记之内

:标注网页的作者

:设定搜索关键字

:告诉搜索机器人需要索取的页面,默认全部

:http-equiv属性代替name属性,expires 设定网页到期时间

:间隔5秒网页自动刷新,并指向新的URL网址

:表示是一行级别是2号的标题文字,有h1~h6的6级标题可选

:文字处理标签

:预先格式化,以格式化显示标签中的内容结构

:段落标记,center(居中)、left(左边)、right(右边)


:换行标记,按[shift]+[enter]可实现

粗体:粗体字体标记斜体:斜体字体标记

上标:上标标记文本格式下标:下标标记文本格式

    :无序列表开始结束标记
  • :列表项标记,为可选项

      :有序列表开始结束标记,start属性指定列表的起始数字

    1. :有序列表的序列标记,可自定义为数字或字母等


      :水平线标记,可标记水平线的长度、高度、纯色阴影显示、颜色等属性

      :在HTML中插入图像,align属性值:top(头部)、bottom(底部)、middle(居中)、left(居左)、right(居右)

      点击

      :弹出“你好!”信息的行为

      点击

      :弹出图片

      :在网页中插入音频文件

      :滚动文字字幕,方向属性:down向下、up向上、left向左、right向右

      咔咔主页:超级链接标记

      点击:对话框脚本链接

      开心农场外挂下载:文件下载链接

      新闻报道:相对路径链接(锚记)

      HTML

      HTML表格标记:

      :定义表格的标题(可选)

      :定义表格的一行

      :用来装载单元格数据,它们必须位于标记之间

      链接路径:(链接的类型和目标属性)

      1.链接类型

      ◆外部链接:跳转到站点外其他网站的链接

      ◆内部链接:站点根目录内文档之间的互相链接,也称为相对文档链接

      ◆E-mail链接:实现打开E-mail客户端应用程序进行撰写、发送邮件的工作

      ◆局部链接:在同一文档内部或不同文档之间指定位置的链接

      2.链接目标

      ◆_blank:将打开一个新窗口

      ◆_parent:将在父窗口中打开

      ◆_self:将在当前窗口中打开

      ◆_top:将在上级窗口中打开

      :命名锚记

      插入图像、Flash及其他多媒体对象

      1.在网页中插入图片和图像占位符

      打开HTML文档,将插入点放在要插入图像的位置,单击插入栏中“常用”面板的“图像”按钮,或选择“插入”的“图像”命令,在弹出的“选择图像源”对话框中选择要插入的图像,确定即可。

      同样,选择插入“图像占位符”,也是如此,在对话框中设置占位符名称、宽度和高度、颜色和替换文本。2.图像地图(热区)

      绘制热区:在文档窗口单击选中图像,在属性检查器中显示“地图”选项的文本域中为该热区输入一个名字,如果在同一文档中使用多个地图,必须保证名字的唯一。

      热区绘制工具有3种:

      ◆矩形热点工具

      ◆圆形热点工具

      ◆多边形热点工具

      3.创建轮替图像

      轮替效果是插入鼠标经过图像的功能,利用两个图片实现的轮替显示效果。

      将插入点定位到文档窗口中需要插入轮替图像处,选择“插入”—“交互式图像”—“鼠标经过图像”按钮,在弹出的“插入鼠标经过图像”对话框中设置相应的参数,原始图像、鼠标经过图像和按下时,前往的URL。4.创建导航条

      导航条通常在网页中的左侧或上方,网站同一级页面乃至整个网站一般会使用同一个导航条,这样使得整个站点方便导航、风格统一,便于浏览者在个页面之间浏览转换。

      打开HTML文档,选择“插入”—“交互式图像”——“导航条”命令或单击插入栏中的常用的面板上导航条,在弹出的对话框中,点击+添加导航条元件,输入项目名称,插入状态图像和鼠标经过图像以及按下图像(可选),还有替换文本和按下时前往的URL,选择水平插入或垂直插入,选中使用表格复选框,可以将元件装入有表格,便于后面对表格进行格式化以及页面的整体布局。

      注意:一个页面文档内只能有一个导航条!

      5.插入Flash多媒体对象

      媒体就是信息的载体,在计算机系统中,它指组合或两种以上媒体的一种人机交互式信息交流和传播媒体,使用的媒体包括文本基准、图像、声音、动画和电视图像。

      Flash文件的3种格式:

      1)Flash源文件格式

      源文件扩展名为.fla是在Flash环境中创建的,只能在Flash程序中打开的文件格式。

      2)Flash影片文件:

      Flash程序中发布或导出的影片扩展名为.swf,是Flash源文件压缩后的优化媒体格式,可以插入到网页

      :设置表格栏标题(表头),显示为粗体子此标记可以省略