1.3 HTML基本语法

HTML基本语法

  1. HTML标签是由尖括号包围的关键字,例如<html>
  2. HTML标签通常是成对出现的,例如<html></html>,我们称为双标签。第一个是开始标签,第二个是结束标签
  3. 有些特殊的标签必须是单个标签(极少情况)。例如<br /> 我们称为单标签

1.1第一个HTML

每个网页都会有一个基本的结构标签(也称骨架标签),页面内容也是在这些基础标签上书写。
小脆筒
HTML文档的后缀名必须是**.html或者.htm**。
浏览器的作用是读取HTML文档,并以网页的形式显示它们。此时浏览器打开这个网页,就能预览我们写的第一个HTML文件。

1.2基本结构标签总结

小脆筒

网页开发工具

2.1 文档类型声明标签

文档类型声明,作用就是告诉浏览器使用哪种HTML版本来显示网页。
<!DOCTYPE html>

这句话的意思是:当前页面采取的是HTML5版本来显示网页
注意:

  1. <!DOCTYPE>声明位于文档中最前面的位置,处于标签之前
  2. <!DOCTYPE>不是一个html标签,就是文档类型声明标签。

2.2 lang语言种类

用来定义当前文档显示的语言。

  1. en 定义语言为英语
  2. zh-CN 定义语言为中文
    简单来说,定义 en就是英文网页,定义 zh-CN 就是中文网页
    其实对于文档显示来说,定义en的文档也可以显示中文,定义 zh-CN的文档也可以显示英文。

2.3 字符集

字符集(Character set)是多个字符的集合。以便计算机能够识别和存储各种文字。
<head>标签内,可以通过<meta>标签的charset属性来规定HTML文档应该使用哪种字符编码。

 <meta charset="UTF-8"/>

charset常用的值有:GB2312、GBK和UTF-8,其中UTF-8也被称作万国码,基本包含了全世界国家需要用到的字符。
注意:
上面语法是必须要写的代码,否则可能引起乱码的情况。一般情况下,使用统一"UTF-8"编码,尽量统一写成标准的"UTF-8",不要写成“utf8”或者“UTF8”

总结

  1. 以上三个代码vscode自动生成,基本不需要我们重写
  2. <!DOCTYPE html>文档类型声明标签,告诉浏览器这个页面采取的是HTML5版本来显示页面
  3. <html lang="en">告诉浏览器或者搜索引擎这是一个英文网站,本页面采取英文来显示
  4. <meta charset="UTF-8" /> 必须写,采取UTF-8来保存文字。如果不写就会出现乱码

如果觉得本文写的不错,顺手点个赞感谢老铁!

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论
### 回答1: HTML(HyperText Markup Language)是一种标记语言,用于描述网页的结构。它使用标签来表示各种元素,比如段落、链接、图像等。 HTML 文档由若干个元素组成,每个元素由开始标签和结束标签表示。开始标签由尖括号包围的标签名称组成,结束标签在标签名称前加上斜杠。例如,下面的代码描述了一个段落元素: ``` <p>这是一个段落</p> ``` 可以在开始标签中添加属性来描述元素的附加信息。属性由名称和值组成,名称和值用等号连接。例如,下面的代码描述了一个链接元素,其中 href 属性指定链接的目标地址: ``` <a href="https://www.example.com">这是一个链接</a> ``` HTML 文档应以 <html> 元素开始,以 </html> 元素结束。文档中的内容分为头部和主体,分别由 <head> 和 <body> 元素表示。例如: ``` <html> <head> <title>这是文档的标题</title> </head> <body> 这是文档的主体内容 </body> </html> ``` 这是 HTML 程序的基本语法。希望这对您有所帮助。 ### 回答2: HTML(Hypertext Markup Language)是一种用于构建网页的标记语言,它使用标签来描述网页上的内容和结构。下面是HTML程序的基本语法: 1. 开始标签和结束标签:HTML中的标签由尖括号包围,开始标签包含在尖括号中,并且以'<'开头,结束标签以'>'开头并以'/'开头,例如: <标签名>内容</标签名> 2. 标题和段落:常用的标题标签有<h1>到<h6>,其中<h1>是最大的标题,<h6>是最小的标题。段落则使用<p>标签,例如: <h1>标题</h1> <p>段落内容</p> 3. 文本格式化:可以使用标签来格式化文本,如<strong>标签表示加粗,<em>标签表示斜体,<u>标签表示下划线等,例如: <p><strong>加粗文本</strong></p> <p>斜体文本</p> <p><u>下划线文本</u></p> 4. 图像和链接:可以使用<img>标签插入图像,其中的src属性指定图像的路径。链接则使用<a>标签,其中的href属性指定链接的目标地址,例如: <img src="image.jpg" alt="图像"> <a href="https://www.example.com">链接</a> 5. 列表:HTML提供了有序列表和无序列表两种形式。有序列表使用<ol>标签,无序列表使用<ul>标签,列表项使用<li>标签,例如: <ol> <li>有序列表项1</li> <li>有序列表项2</li> </ol> <ul> <li>无序列表项1</li> <li>无序列表项2</li> </ul> 6. 表格:可以使用<table>标签创建表格,<tr>标签表示行,<td>标签表示单元格,<th>标签表示表头单元格,例如: <table> <tr> <th>表头1</th> <th>表头2</th> </tr> <tr> <td>单元格1</td> <td>单元格2</td> </tr> </table> 这些只是HTML程序的基本语法,还有许多其他标签和属性可用于构建更复杂的网页。熟悉HTML基本语法是学习前端开发的重要一步。 ### 回答3: HTML (Hypertext Markup Language) 是一种用于创建网页的标记语言。它使用标签(标签名用尖括号括起来)来标记网页中的不同元素。 HTML程序的基本语法如下: 1. DOCTYPE声明:在HTML文档的开头,使用<!DOCTYPE>声明来告诉浏览器当前文档采用的HTML版本。例如,<!DOCTYPE html>表示使用HTML5版本。 2. HTML标签:HTML文档的根元素是<html>标签,它包含了<head>和<body>两个子标签。 3. Head标签:在<head>标签中,我们可以定义文档的元数据,如标题、样式表、脚本和字符编码等。常见的元素包括<title>标签(定义网页标题)、<meta>标签(定义字符编码和其他元数据)、<link>标签(引用外部CSS文件)等。 4. Body标签:在<body>标签中,我们可以定义网页的内容。常见的元素有<h1>-<h6>标签(定义标题)、<p>标签(定义段落)、<a>标签(定义链接)、<img>标签(定义图片)等。 5. 标签属性:标签可以有属性,用来提供额外的信息。属性位于标签的开始标记中,以键值对的形式表示。例如,<a href="https://example.com">这是一个链接</a>中的href属性定义了链接的目标URL。 6. 注释:使用<!-- 和-->标签,可以在HTML代码中添加注释。注释对于添加开发者的解释和说明非常有用。 7. 嵌套标签:HTML标签可以相互嵌套,形成树状结构。每个标签都必须正确地嵌套和关闭。 8. 空标签:有一些标签是没有闭合标签的,被称为空标签。常见的空标签有<br>(换行符)和<img>(图片)。 以上是HTML程序的基本语法。熟悉HTML基本语法可以帮助我们开始创建简单的网页,并逐步掌握更复杂的功能和样式。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

小脆筒style

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值