Html静态网页代码汇总 下载本文

内容发布更新时间 : 2024/5/16 2:56:50星期一 下面是文章的全部内容请认真阅读。

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 特殊字符的字符实体:

      特殊字符 转义码 示例

      欢 ;迎 ;光 ;临

      售价:¥;68

      空格 元(¥) 大于(>) 小于(<)  ; ¥; >; if A>;B thenA=A+1 if A<;B thenA=A+1 <; 引号(““) ";

      ";是还是不是?";问题的关键是

      William &;Graham 去了集市

      “与“符号(&) &; 版权号(?) ©; ®; 注册商标

      第 1 页 共 8 页

      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 影片文件:

      ?





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