003_html编辑器-优快云博客

本文链接：https://blog.youkuaiyun.com/aihiao/article/details/108952884

1. 可以使用专业的html编辑器来编辑html网页

1.1. Adobe Dreamweaver

1.2. HBuilderX

2. 我们推荐使用文本编辑器来学习html

2.1. Sublime(我们使用sublime编辑html、css、javascript等, 企业中很多语言都使用sublime编写)

2.2. Notepad++

3. sublime快捷键

3.1. 保存: ctrl+s

3.2. 撤销: ctrl+z

3.3. 复制: ctrl+c

3.4. 剪切: ctrl+x

3.5. 粘贴: ctrl+v

3.6. 注释: ctrl+/

3.7. 大写: 先ctrl+k 后ctrl+u

3.8. 小写: 先ctrl+k 后ctrl+l

4. 显示文件后缀名

4.1. 打开逻辑盘(D盘), 一个文件夹

4.2. 点击文件

4.3. 点击更改文件夹和搜索选项, 会弹出文件夹选项对话框

4.4. 文件夹选项——>查看, 找到隐藏已知文件类型的扩展名, 勾选掉, 点击确定按钮

4.5. 会显示文件扩展名, 例如: .doc

5. html文件的扩展名

5.1. html文件的扩展名是.html或者.htm

6. 第一个例子

6.1. 编写first.html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
    <head>
    	<meta charset="utf-8" />
        <title>第一个例子</title>
    </head>
    <body>
        我是第一个html例子。
    </body>
</html>

6.2. 运行结果