《HTML CSS JavaScript 网页制作从入门到精通 第3版》—— 1.3 使用浏览器浏览HTML文件

简介:

本节书摘来异步社区《HTML CSS JavaScript 网页制作从入门到精通 第3版》一书中的第1章,第1.3节,作者: 刘西杰,更多章节内容可以访问云栖社区“异步社区”公众号查看。

1.3 使用浏览器浏览HTML文件

1.3.1 查看页面效果

打开index.htm文件,在IE浏览器窗口中可以看到编辑的HTML页面效果,如图1.6所示。

cc9e96f86855fea0042abe9b9338536c39c45357

1.3.2 查看源文件

可以使用以下方法方便快捷地打开HTML文档进行编辑。

在页面空白处,单击鼠标右键,在弹出的快捷菜单中选择【查看源文件】选项。
在页面空白处,单击一次鼠标左键,按下键盘上最下边一行的【右键】快捷键,选择【查看源文件】选项。
在浏览器菜单栏上,选择【查看】|【源文件】命令,可以查看源文件,如图1.7所示,可以查看源文件。

0b331dbab598f388dcb63eb5c3d970173e19e0a0

1.填空题
(1)标记符通常都是成对使用,有一个    和一个    。结束标记只是在开头标记的前面加一个    。当浏览器收到HTML文件后,就会解释里面的标记符,然后把标记符相对应的功能表达出来。

(2)HTML是超文本标记语言,主要通过各种标记来标示和排列各对象,通常由尖括号    、    以及其中所包含的标记元素组成。

(3)HTML文件的编写方法有两种:一种是利用    编写,另一种是在    中编写HTML代码。

2.操作题
(1)用IE浏览器打开网上的任意一个网页,选择【查看】|【源文件】命令,在打开的记事本中查看各代码,并试着与浏览器中的内容进行对照。

(2)分别利用记事本和Dreamweaver创建一个简单的HTML网页。

相关文章
|
22天前
|
JavaScript
浏览器插件crx文件--JS混淆与解密
浏览器插件crx文件--JS混淆与解密
21 0
|
1月前
|
Web App开发
在 HTML 中禁用 Chrome 浏览器的 Google 翻译功能
在 html 标签中添加 translate=“no” 属性,浏览器将不会翻译整个页面。
38 0
|
1月前
|
监控 JavaScript 前端开发
JavaScript与HTML关系及其嵌入方式:新手常犯错误与规避策略
【4月更文挑战第1天】本文介绍了JavaScript与HTML的关系,强调了理解它们的分工和协作对于初学者的重要性。文中列举了新手在嵌入JavaScript时常见的错误,如嵌入位置不当、异步与延迟属性混淆、内联脚本与HTML混杂、忽略浏览器兼容性以及缺乏错误处理。提供了避免这些错误的策略,包括合理安排script标签、使用事件监听器、关注浏览器兼容性、学习调试技巧,并提倡遵循“结构-样式-行为”分离原则和使用错误处理机制。遵循这些最佳实践,有助于提高代码质量和开发效率。
23 1
|
1月前
|
JavaScript 前端开发
用JavaScript正则表达式匹配对应字符串高亮显示,并过滤掉空格、<、>等HTML节点符号
用JavaScript正则表达式匹配对应字符串高亮显示,并过滤掉空格、<、>等HTML节点符号
|
14天前
|
前端开发 JavaScript
浏览器通过构建DOM树来解析HTML代码
【4月更文挑战第30天】浏览器通过构建DOM树来解析HTML代码
25 1
|
15天前
|
JavaScript 前端开发
JavaScript DOM 文档对象模型(获取、改变html元素)
JavaScript DOM 文档对象模型(获取、改变html元素)
|
15天前
|
前端开发 JavaScript
使用html+css+javaScript 完成计算器
使用html+css+javaScript 完成计算器
|
19天前
|
前端开发 JavaScript
前端 富文本编辑器原理——从javascript、html、css开始入门(二)
前端 富文本编辑器原理——从javascript、html、css开始入门
28 0
前端 富文本编辑器原理——从javascript、html、css开始入门(二)
|
19天前
|
前端开发 JavaScript 索引
前端 富文本编辑器原理——从javascript、html、css开始入门(一)
前端 富文本编辑器原理——从javascript、html、css开始入门
37 0
|
25天前
|
前端开发 JavaScript
在HTML中,我们可以使用JavaScript变量
【4月更文挑战第19天】在HTML中,我们可以使用JavaScript变量
17 2