本篇内容介绍了“HTML的代码文件是什么”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!
1. HTML的代码文件
(1)打开Hbuilder开发工具,新建项目,点击右键新建一个HTML文档。
(2)在文档中写HTML代码
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>产品列表</title>
</head>
<body>
这是产品页面
<b>好好学习,天天向上</b>
<h2>好好学习,天天向上</h2>
</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>
HTML入门基础知识
<h2 title="h2" style="color: red;">
我是一个标签
</h2>
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>,<h2></h2>
(3)HTML不区分大小写,我们建议小写。
(4)HTML可以嵌套,但是允许交叉嵌套
正确写法:<b> <h2>我很粗</h2> </b>
错误写法:
<b> <h2>我很粗 </b></h2>
“HTML的代码文件是什么”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识可以关注编程网网站,小编将为大家输出更多高质量的实用文章!