当前位置:首页 >> 电脑基础知识 >>

HTML基础标签-超链接练习

《前端开发基础》

专业:

学号:

姓名:

实 验 实验二 Html 基本标签—超链接 名称

实 验 掌握 html 超链接设置方法 目的

1)基于文字的链接 例如:

<a href="http://www.cqwu.edu.cn" title="欢迎来到重庆文理学院">重庆文理学院</a>

知 2)图像链接 识 3)<img>图像标签 提 4)锚点链接 示 5)邮件链接
6)下载文件链接 7)空链接 8)脚本链接 9)链接目标属性

1、效果图

项目 1 网站导航的超链接设计

实 验 内 容
2、参考代码

图 两种方式实现网站导航的效果图

DQ 2017-03-01

-1-

《前端开发基础》
项目 2 利用书签链接制作帮助文档 1、 文本内容 EditPlus 联机手册 概述 EditPlus 简介 更新历史 许可协议 如何安装或删除 如何订购 反馈和支持 功能 语法突出显示 Internet 功能 HTML 工具栏 文档选择器 用户工具 自动完成 素材文本窗口 文档模板 其它功能 EditPlus 简介 EditPlus 是 Windows 下的一个文本编辑器、HTML 编辑器、PHP 编辑器以及 Java 编辑 器。它不但是记事本的一个很好的代替工具,同时它也为网页作者和程序设计员提供 了许多强大的功能。 对 HTML、PHP、Java、C/C++、CSS、ASP、Perl、JavaScript 和 VBScript 的语法突出 显示。同时,根据自定义语法文件它能够扩展支持其它程序语言。 无缝网络浏览器预览 HTML 页面,以及 FTP 命令上载本地文件到 FTP 服务器。 其它功能包括 HTML 工具栏、用户工具栏、行号、标尺、URL 突出显示、自动完成、 素材文本、列选择、强大的搜索和替换、多重撤销/重做、拼写检查、自定义快捷键, 以及更多其它功能。
更新历史 <功能> * 还原最近的文件的折叠状态。 * 在查找对话框上增加“连续查找到下一个文件”选项。 * 目录窗口保留先前打开过的文件夹图标。 * 目录窗口支持显示打开文件列表。 * 增加“较大/较小字体大小”命令(“视图”->“屏幕字体”)。 * 在输出窗口中支持 UTF-8 文本。 * 增加“#NESTED_COMMENT=y”嵌套注释语法文件语句。 * 增加“已标记的行”颜色选项(“首选项”->“颜色”)。 * 在窗口列表和目录窗口中允许 Ctrl+A 快捷键。 * “网络服务器根目录”选项接受 https://。 * 增加“关闭声音”选项(“首选项”->“常规”)。

DQ 2017-03-01

-2-

《前端开发基础》
* 增加“在标题栏中显示完整路径”选项(“首选项”->“布局”)。 * 增加 -s 命令行选项(语法目录)。 * 增加“播放多次”工具栏按钮。 * 增加“文档”->“自动完成”工具栏按钮。 * 文件类型最大数目增加到 50。 * 目录窗格增加水平滚动条。 * 增加“仅显示当前文件夹”选项(目录弹出菜单)。 <错误修正> * 取消 FTP 上载时可能造成程序崩溃。 * “删除空行”命令可能造成程序崩溃。 * 自动运行用户工具无法播放击键录制。 * 在 Windows 7 系统上安装程序可能显示警告信息。 * 修正泰文语言中不正确的光标移动。
语法突出显示 EditPlus 默认对 HTML、CSS、PHP、ASP、Perl、C/C++、Java、JavaScript 和 VBScript 支 持强大的且可定制的语法突出显示。 此外,您可以创建您自己的语法文件来支持其它的程序语言。 为了添加您自己的语法类型,您必需创建一个语法文件并且在首选项对话框的设置和 语法页面添加它。 语法文件是一个扩展名为“.STX”并且以预定义格式编写的纯文本文件。它的格式非常 简单。最直接的方法就是查看 .STX 文件样本,例如 JavaScript 文件(*.JS)JS.STX。
Internet 功能 EditPlus 支持下列的 Internet 功能: 无缝网络浏览器预览您的 HTML 文档或 Java 小程序而无需离开此编辑器。浏览器窗口 同样有普通浏览器的命令,因此您可以像浏览本地 HTML 文件一样浏览 Internet 网站。 FTP 命令上载您的本地文件到 FTP 服务器或直接编辑远程文件。 突出显示普通文本文件中的 URL 和电子邮件地址,并且您可以通过单独按键(F8)或 者‘Ctrl+双击’来激活它。 浏览器功能要求您的系统上安装了 IE 3 或更高的版本。 若您的系统上没有 IE 3 或更新的版本,EditPlus 将加载系统默认的浏览器或用户定义 的浏览器作为外部应用程序。您可以在首选项对话框的工具页面中指定浏览器设置。 2、 网页效果图

DQ 2017-03-01

-3-

《前端开发基础》

3、参考代码

DQ 2017-03-01

-4-

《前端开发基础》
实验 总结 教师 评阅

DQ 2017-03-01

-5-


相关文章:
HTML语言基础练习题.doc
HTML语言基础练习题_工学_高等教育_教育专区。HTML题库 第一部分:基础词汇 1...样式 标签:a,anchor,锚或超链接 标签:div,division,部分区域 标签:ul,...
html制作网页必做入门练习题一_图文.ppt
html制作网页必做入门练习题一_计算机软件及应用_IT/计算机_专业资料。模拟拍拍...训练要点 1. 超链接标签<A>的使用方法 2. 页面信息滚动标签<MARQUEE> 13 ...
html练习题答案.doc
html练习题答案_从业资格考试_资格考试/认证_教育...A、 <a>标签超链接,可以使用 href 属性使其...是最基础的网页语言 D.标签的属性必须使用单引号或...
HTML基础标签大全.doc
HTML基础标签大全 - 总类(所有 HTML 文件都有的) 文件类型 <
html习题(答案).doc
A.超级链接 B.图像 C.声音 D.表格 36.以下标记...5. 文件头标签包括关键字、描述、 、基础和链接等...HTML练习题及答案 26页 3下载券 HTML习题答案2 25...
《HTML基础试题》.doc
图像可以作为超级链接的起始对象 20、用 HTML 标记...3.HTML 文档标题标签开始标记符是:___;结束标记符...HTML5考试模拟题库 3页 1下载券 html练习题答案...
HTML及网页制作练习题-完整版..doc
基本元素(ABCD ) A.文本(Text) B.图像(Image) C.表格(Table) D.超链接(...种特殊的HTML网页 30关于标签,以下说法不正确的是(BC) Ainput 标签用于设定...
HTML及网页制作练习题-完整版.pdf
基本元素(ABCD ) A.文本(Text) B.图像(Image) C.表格(Table) D.超链接(...种特殊的HTML网页 30关于标签,以下说法不正确的是(BC) Ainput 标签用于设定...
实验1 HTML基本标记的练习new.doc
实验1 HTML基本标记的练习new_互联网_IT/计算机_专业资料。实验 1、HTML 基本...页面中包含带有文字的超级链接,如下图所示: 链接到网站或信箱 完成上述内容的...
HTML练习题.doc
超链接和文本标记语言(Hyperlinks and Text Markup ...文本或图片居中 58、创建最小的标题的文本标签是( ...html习题 18页 1下载券 HTML基础练习题 84页 5...
第一章(HTML基本标签)_图文.ppt
第一章(HTML基本标签)_理学_高等教育_教育专区。(HTML基本标签) ...小结1 编写如下图所示效果对应的html代码 练习代码 练习答案 超级链接查看源代码...
HTML练习.pdf
下面哪一个属性不是文本的标签属性?( A.nbsp; B...A 超级链接 B 图像 C 声音 D 表格 36.以下标记...html基本语法上机练习 4页 免费 HTML试题及答案 26...
HTML专项练习题.doc
</body> </html> 35.主页中一般包含的基本元素有( A.超级链接 B.图像 C....2.表格的标签是 ,单元格的标签是 。 12.创建一个 HTML 文档的开始标记符__...
html练习题.doc
</div> 9.下面哪一项是换行符标签?( A . <body> C.<br> C ) B . ...</body> </html> 35.主页中一般包含的基本元素有(A )。 A 超级链接 C ...
html网页制作chapter1基本标签教程_图文.ppt
html网页制作chapter1基本标签教程_商业计划_计划/...实现图文并茂的页面 会使用超链接相关标签实现页面间...效果对应的html代码 字号大小为3 练习代码 练习答案...
HTML语言基础练习题.doc
HTML语言基础练习题_IT认证_资格考试/认证_教育专区。HTML 如对你有帮助,请...样式 标签:a,anchor,锚或超链接 标签:div,division,部分区域 标签:ul,...
HTML基础实例教程.doc
1、 实例目标及知识点 利用文字美化所讲到的标签,综合练习 HTML 网页的设计。...11 南雄市中等职业学校计算机学科校本教材 六、实例名称:几种超链接的综合应用 ...
HTML练习题.pdf
</div> 9.下面哪一项是换行符标签?( A . <body> C.<br> C ) B . ...</body> </html> 。 35.主页中一般包含的基本元素有(A ) A 超级链接 C ...
html网页制作PPTchapter1基本标签_图文.ppt
html网页制作PPTchapter1基本标签_计算机软件及应用_...实现图文并茂的页面 会使用超链接相关标签实现页面间...效果对应的html代码 字号大小为3 练习代码 练习答案...
html基础第二天模板_图文.ppt
html基础第二天模板 - Html基础 Html 复习 -html概念:hyper Text Markup Language (超文本标记语 言) -Html标签分类:1双标签 2 单标签...