《HTML CSS JavaScript 网页制作从入门到精通 第3版》—— 1.2 HTML文件的编写方法

简介:

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

1.2 HTML文件的编写方法

HTML文件的编写方法有两种:一种是利用记事本编写;另一种是在Dreamweaver中编写HTML代码。

1.2.1 使用记事本手工编写HTML

HTML是一款以文字为基础的语言,并不需要什么特殊的开发环境,直接在Windows自带的记事本中编写就可以。HTML文档以.html为扩展名,将HTML源代码输入到记事本并保存之后,可以在浏览器中打开文档以查看其效果。使用记事本编写HTML文件的具体操作步骤如下。

01 选择菜单中的【开始】|【所有程序】|【附件】|【记事本】命令,打开一个记事本,在记事本中即可编写HTML代码,如图1.1所示。

f15a82cfd14e20feaa7e90c2dbbfed3544a72403

02 当编辑完HTML文件后,选择菜单中的【文件】|【保存】命令,弹出【另存为】对话框,将它存为扩展名为.htm或.html的文件即可,如图1.2所示。

ff3a3e83226ccb62960403babeed6acab9e736db

03 单击【保存】按钮,保存文档。打开网页文档,在浏览器中预览效果,如图1.3所示。

23c61bb776812666f0bdd4510053f6dfc7372bef

任何文字处理器都可以用来处理HTML代码,但必须记住,要以.html的扩展名对其加以保存。

1.2.2 使用Dreamweaver编写HTML文件

使用Dreamweaver创建HTML文件,具体操作步骤如下。

01 打开Dreamweaver软件,新建一个文档,单击文档中的【代码】按钮,打开代码视图,在代码视图中可以输入HTML代码,如图1.4所示。

b9e1141b8e953a6874f30ea2d81af28099536882

02 输入代码完成后,切换到设计视图,效果如图1.5所示。

5cde3bc730d6823018df9c4263190a85e76474fd
相关文章
|
7天前
|
前端开发 JavaScript
JavaScript 动态更新 CSS
【9月更文挑战第01天】
10 2
|
17天前
|
前端开发 程序员
HTML+CSS+JavaScript制作动态七夕表白网页(含音乐+自定义文字)
一年一度的520情人节/七夕情人节/女朋友生日/程序员表白,是不是要给女朋友或者正在追求的妹子一点小惊喜呢,今天这篇博客就分享下前端代码如何实现HTML+CSS+JavaScript制作七夕表白网页(含音乐+自定义文字)。赶紧学会了,来制作属于我们程序员的浪漫吧!
31 0
HTML+CSS+JavaScript制作动态七夕表白网页(含音乐+自定义文字)
|
7天前
|
前端开发 JavaScript 搜索推荐
打造个人博客网站:从零开始的HTML、CSS与JavaScript之旅
在这个数字时代,拥有一个个性化的网络空间已成为许多人的梦想。本文将引导你了解如何从零开始,使用HTML、CSS和JavaScript创建属于自己的博客网站。我们将探索这些技术的基础概念,并通过实际代码示例展示如何将静态页面转变为动态交互式网站。无论你是编程新手还是希望扩展技能的开发者,这篇文章都将为你提供一条清晰的学习路径。【8月更文挑战第31天】
|
29天前
|
前端开发
【前端】校园二手书交易系统javascript+css+html (源码)【独一无二】
【前端】校园二手书交易系统javascript+css+html (源码)【独一无二】
|
1月前
|
前端开发 JavaScript
开发过程找不到css源文件?试试配置vite的css源文件映射
【8月更文挑战第3天】开发过程找不到css源文件?试试配置vite的css源文件映射
40 0
开发过程找不到css源文件?试试配置vite的css源文件映射
|
14天前
|
前端开发 JavaScript Linux
【Azure 应用服务】在Azure App Service for Linux环境中,部署的Django应用,出现加载css、js等静态资源文件失败
【Azure 应用服务】在Azure App Service for Linux环境中,部署的Django应用,出现加载css、js等静态资源文件失败
|
17天前
|
JavaScript 算法 前端开发
|
23天前
|
JavaScript 前端开发
JavaScript 改变 HTML 元素
JavaScript 改变 HTML 元素
37 0
|
23天前
|
前端开发 JavaScript
JavaScript 获取 HTML 元素方法
JavaScript 获取 HTML 元素方法
32 0
|
23天前
|
前端开发 JavaScript
前端 JavaScript 与 HTML 怎么实现交互
前端 JavaScript 与 HTML 怎么实现交互