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

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制作网页必做入门练习题一_图文.ppt
html制作网页必做入门练习题一_计算机软件及应用_IT/计算机_专业资料。模拟拍拍...训练要点 1. 超链接标签<A>的使用方法 2. 页面信息滚动标签<MARQUEE> 13 ...
html练习题答案.doc
html练习题答案_从业资格考试_资格考试/认证_教育...A、 <a>标签超链接,可以使用 href 属性使其...是最基础的网页语言 D.标签的属性必须使用单引号或...
html练习题.doc
html练习题_从业资格考试_资格考试/认证_教育专区。...A、<a>标签超链接,可以使用 href 属性使其指向...扩住 23 题干 使用 HTML 编写网页代码的基本格式...
HTML及网页制作练习题-完整版..doc
基本元素(ABCD ) A.文本(Text) B.图像(Image) C.表格(Table) D.超链接(...种特殊的HTML网页 30关于标签,以下说法不正确的是(BC) Ainput 标签用于设定...
HTML语言基础练习题.doc
HTML语言基础练习题_工学_高等教育_教育专区。HTML题库 第一部分:基础词汇 1...样式 标签:a,anchor,锚或超链接 标签:div,division,部分区域 标签:ul,...
03-HTML基础-超链接_图文.ppt
03-HTML基础-超链接 - HTML语言与网页设计 超链接 学习目标 理解超链接的基本概念,掌握A 标记符的用法。 超链接基础 URL(Universal Resources L...
《HTML基础试题》.doc
图像可以作为超级链接的起始对象 20、用 HTML 标记...3.HTML 文档标题标签开始标记符是:___;结束标记符...HTML5考试模拟题库 3页 1下载券 html练习题答案...
HTML练习题.doc
超链接和文本标记语言(Hyperlinks and Text Markup ...文本或图片居中 58、创建最小的标题的文本标签是( ...html习题 18页 1下载券 HTML基础练习题 84页 5...
html习题(答案).doc
A.超级链接 B.图像 C.声音 D.表格 36.以下标记...5. 文件头标签包括关键字、描述、 、基础和链接等...HTML练习题及答案 26页 3下载券 HTML习题答案2 25...
HTML第一部分练习题.pdf
超链接的 HTML 源代码标记为( A A.〈a〉〈/a...文本或图片居中 58、创建最小的标题的文本标签是( ...HTML基础练习题 84页 5下载券 第一部分html篇 90...
HTML专项练习题.doc
</body> </html> 35.主页中一般包含的基本元素有( A.超级链接 B.图像 C....2.表格的标签是 ,单元格的标签是 。 12.创建一个 HTML 文档的开始标记符__...
零基础学习PHP-HTML常用标签(一)_图文.pdf
基础学习PHP-HTML常用标签(一) - 兄弟连PHP视频教程,专注PHP教程,提供专业的php视频教程下载。PHP基础教程-零基础学习PHP-PHP基础教程-兄弟连PHP教程。lampbr...
HTML超链接a标签.pdf
HTML超链接a标签 - HTML 超链接 a 标签 只要学习或者使用过 HTML 的人,我想对于<a>标签应该都是不陌生的。今天对<a>做一个简单的说明,将自己的理 解简单...
HTML基础实例教程.doc
1、 实例目标及知识点 利用文字美化所讲到的标签,综合练习 HTML 网页的设计。...11 南雄市中等职业学校计算机学科校本教材 六、实例名称:几种超链接的综合应用 ...
WEB编程基础练习题及答案.doc
标签: 编程基础| WEB编程基础练习题及答案_IT/计算机_专业资料。WEB 编程基础...HTML B、 .CSS C、.DBF D、.JS C 12、在制作文本超链接时,建立了超链接...
html网页标签基础知识_图文.ppt
练习1:创建你的第一个网页,内容自定。 第三章 学习 HTML 标签 ? 段落标记...ALT="图片" width=240 height=180 align=left> 例:插图 创建超链接<a>标记...
html 超链接的格式设置.txt
html 超链接的格式设置 - 整合了百度里面关于该问题的诸多意见和建议。并且加
第一章 HTML的基本标签_图文.ppt
标签实现图文并茂的页面 会使用超链接相关标签实现页面间的跳转 HTML文件的基本...练习代码 练习答案 文字布局内容分隔<HR>标签 内容分隔 标签 项目列表和编号有...
html基础第二天模板_图文.ppt
html基础第二天模板 - Html基础 Html 复习 -html概念:hyper Text Markup Language (超文本标记语 言) -Html标签分类:1双标签 2 单标签...
html练习题.doc
</div> 9.下面哪一项是换行符标签?( A . <body> C.<br> C ) B . ...</body> </html> 35.主页中一般包含的基本元素有(A )。 A 超级链接 C ...
更多相关标签: