HTML的代码文件是什么

本篇内容介绍了“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的代码文件是什么

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>:网页的主体内容,用户呈现的内容,比如文字,图片,链接,视频&hellip;&hellip;

-->

</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的代码文件是什么”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识可以关注创新互联网站,小编将为大家输出更多高质量的实用文章!

名称栏目:HTML的代码文件是什么
当前地址:https://www.cdcxhl.com/article32/jijjsc.html

成都网站建设公司_创新互联,为您提供自适应网站商城网站搜索引擎优化网站制作网站内链域名注册

广告

声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联

商城网站建设