您的位置：首页 > 电脑常识电脑常识
html零基础入门教程（html文件怎么打开编辑）
2025-05-08人已围观
html零基础入门教程（html文件怎么打开编辑）
HTML的入门1. HTML的代码文件
html文件怎么打开编辑HTML的入门
（1）打开Hbuilder开发工具，新建项目，点击右键新建一个HTML文档。
（2）在文档中写HTML代码
<!DOCTYPE html>
<html>
<head>
<meta charset=”UTF-8″>
<title>产品列表</title>
</head>
<body>
这是产品页面
<b>好好学习，天天向上</b>
<h1>好好学习，天天向上</h1>
</body>
</html>
温馨提示：
常用的快捷键：
Ctrl+s:保存
ctrl+c:复制
ctrl+x：剪切
ctrl+v：粘贴
2. HTML的基本结构
对于HTML文件的后缀名一般为“html”或“htm”
2.1HTML的标签格式
（1）什么是HTML标签？
HTML标签是有开始标签和结束标签组成
开始标签：是被尖括号包围的元素名。
结束标签：是被尖括号包围的斜杠和元素名
<元素>内容 </元素>
例如：<b>好好学习天天向上</b>
注意：有些HTML标签是没有结束标签的, <hr/>
(2)单标签和双标签
双标签：例如：<b></b>
单标签：<hr/> <br/>
(3) 标签的属性
<font size=”1″>好好学习</font>
<font size=”7″>好好学习</font>
<h1 title=”h1″ style=”color: red;”>
我是一个标题标签
</h1>
3. HTML基本结构的认识
<!–<!DOCTYPE html>:文档声明，告知浏览器文档使用哪种HTML或XHTML规范，让浏览器通过正确的方式解析我们的网页，让网页能够正确的显示。–>
<!DOCTYPE html>
<!– <html>标签：是网页的跟标签–>
<html>
<!–head是网页头，一般表示网页中描述信息–>
<head>
<!–
meta：提供网页的相关信息，有利于搜索引擎收录
charset=”UTF-8″： 设置网页编码方式为utf-8
name=”Keywords” ：设置网页关键字
name=”viewport”: 设置网页视窗大小
–>
<meta name=”Keywords” content=”HTML5前端开发工程师入门到精通课程”/>
<meta charset=”UTF-8″>
<meta name=”viewport” content=”width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no” />
<!– <title></title>：表示网页的标题 –>
<title></title>
</head>
<body>
<!–
<body></body>：网页的主体内容，用户呈现的内容，比如文字，图片，链接，视频……
–>
</body>
</html>
4. HTML的注释
<!–这里是注释的内容–>
5. HTML的编码问题
常见编码个格式：
UTF-8:国际通用的编码格式
GBK/GB2312:中文编码字符
HTML的编码：<meta charset=”UTF-8″>
6. HTML规范
（1）html标签都是有尖括号包围的标签，比如<b>
（2）标签通常是成对存在，<b></b>,<h1></h1>
（3）HTML不区分大小写，我们建议小写。
（4）HTML可以嵌套，但是允许交叉嵌套
正确写法：<b> <h1>我很粗</h1> </b>
错误写法：
<b> <h1>我很粗 </b></h1>
上面就是小居数码小编今天给大家介绍的关于（html文件怎么打开编辑）的全部内容，希望可以帮助到你，想了解更多关于数码知识的问题，欢迎关注我们，并收藏，转发，分享。
94%的朋友还想知道的：
pdf编辑内容修改教程（pdf如何编辑修改）
如何更改编辑pdf文件内容（pdf格式文件如何编辑修改）
pdf怎么编辑修改文字内容（pdf如何编辑文字内容）
pdf的文档要怎么编辑修改（pdf里面修改内容怎么做）
120223
HTML的入门1. HTML的代码文件
html文件怎么打开编辑HTML的入门
（1）打开Hbuilder开发工具，新建项目，点击右键新建一个HTML文档。
（2）在文档中写HTML代码
<!DOCTYPE html>
<html>
<head>
<meta charset=”UTF-8″>
<title>产品列表</title>
</head>
<body>
这是产品页面
<b>好好学习，天天向上</b>
<h1>好好学习，天天向上</h1>
</body>
</html>
温馨提示：
常用的快捷键：
Ctrl+s:保存
ctrl+c:复制
ctrl+x：剪切
ctrl+v：粘贴
2. HTML的基本结构
对于HTML文件的后缀名一般为“html”或“htm”
2.1HTML的标签格式
（1）什么是HTML标签？
HTML标签是有开始标签和结束标签组成
开始标签：是被尖括号包围的元素名。
结束标签：是被尖括号包围的斜杠和元素名
<元素>内容 </元素>
例如：<b>好好学习天天向上</b>
注意：有些HTML标签是没有结束标签的, <hr/>
(2)单标签和双标签
双标签：例如：<b></b>
单标签：<hr/> <br/>
(3) 标签的属性
<font size=”1″>好好学习</font>
<font size=”7″>好好学习</font>
<h1 title=”h1″ style=”color: red;”>
我是一个标题标签
</h1>
3. HTML基本结构的认识
<!–<!DOCTYPE html>:文档声明，告知浏览器文档使用哪种HTML或XHTML规范，让浏览器通过正确的方式解析我们的网页，让网页能够正确的显示。–>
<!DOCTYPE html>
<!– <html>标签：是网页的跟标签–>
<html>
<!–head是网页头，一般表示网页中描述信息–>
<head>
<!–
meta：提供网页的相关信息，有利于搜索引擎收录
charset=”UTF-8″： 设置网页编码方式为utf-8
name=”Keywords” ：设置网页关键字
name=”viewport”: 设置网页视窗大小
–>
<meta name=”Keywords” content=”HTML5前端开发工程师入门到精通课程”/>
<meta charset=”UTF-8″>
<meta name=”viewport” content=”width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no” />
<!– <title></title>：表示网页的标题 –>
<title></title>
</head>
<body>
<!–
<body></body>：网页的主体内容，用户呈现的内容，比如文字，图片，链接，视频……
–>
</body>
</html>
4. HTML的注释
<!–这里是注释的内容–>
5. HTML的编码问题
常见编码个格式：
UTF-8:国际通用的编码格式
GBK/GB2312:中文编码字符
HTML的编码：<meta charset=”UTF-8″>
6. HTML规范
（1）html标签都是有尖括号包围的标签，比如<b>
（2）标签通常是成对存在，<b></b>,<h1></h1>
（3）HTML不区分大小写，我们建议小写。
（4）HTML可以嵌套，但是允许交叉嵌套
正确写法：<b> <h1>我很粗</h1> </b>
错误写法：
<b> <h1>我很粗 </b></h1>
上面就是小居数码小编今天给大家介绍的关于（html文件怎么打开编辑）的全部内容，希望可以帮助到你，想了解更多关于数码知识的问题，欢迎关注我们，并收藏，转发，分享。
94%的朋友还想知道的：
pdf编辑内容修改教程（pdf如何编辑修改）
如何更改编辑pdf文件内容（pdf格式文件如何编辑修改）
pdf怎么编辑修改文字内容（pdf如何编辑文字内容）
pdf的文档要怎么编辑修改（pdf里面修改内容怎么做）
120223
很赞哦！ ()
相关文章
- HUAWEIP50Pocket拍照怎么样（HUAWEIP50Pocket镜头）
- html零基础入门教程（html文件怎么打开编辑）
- html表格嵌套表格样式（html怎么给一行表格添加颜色）
- hp台式机bios设置启动顺序（惠普电脑怎么进入bios界面设置）
- HP笔记本无法开机解决方法（惠普电脑开不了机怎么办）
- HP笔记本无法开机处理方法（惠普笔记本电脑开不了机怎么办）
- honor手机三个录屏的方法（荣耀手机录音功能在哪里找）
- HiNova9SE是高价低配吗（HiNova9SE会涨价吗）
- Hinova9Pro性能如何（Hinova9Pro怎么样）
- heliop35处理器参数（p35处理器相当于骁龙多少）