IT袋

当前位置：主页 > 经验教程 > 软件教程 >

html文件怎么打开编辑

html文件怎么打开编辑 html零基础入门教程

更新：2023-08-24 14:28:08 来源：IT袋 作者：苏晓敏
导读：html文件怎么打开编辑，全面的为您讲解html文件怎么打开编辑和html零基础入门教程的内容，接下来IT袋小编就来介绍。 HTML的入门 1. HTML的代码文件 （1）打开Hbuilder开发工具，新建项目，点击右键

html文件怎么打开编辑

全面的为您讲解html文件怎么打开编辑和html零基础入门教程的内容，接下来IT袋小编就来介绍。

HTML的入门

1. 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>

html文件怎么打开编辑

<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” />

12下一页

相关阅读