HTML语法

HTML语法
HTML基本语法

HTML的构造非常简单,组成HTML语法的元素只有HTML标签与HTML属性.

HTML文档(页面)[国家]--->HTML元素[家庭]--->HTML标签[重要成员,男人女人]--->HTML属性[其它成员，比如孩子]

1.HTML的标签

HTML标签是HTML语言中最基本的单位,HTML标签是HTML语言最重要的组成部分.
- 通常要用两个角括号括起来:<和>.
- 都是闭合的(闭合就是标签的最后要有一个/,来标示结束.),但不一定是成对出现的,比如<body>和</body>一对标签.(<body>是开始标签,</body>是结束标签,在开始和结束标签中可以有内容),比如<br />就是单独的.(注意要在最后加上/,以标示其是独立的)
- 标签是大小写无关的,<body>跟<BODY>表示的意思是一样的.标准推荐使用小写.
HTML标签语法

HTML标签(两种形式,成对与不成对):
```
<标签名>内容</标签名>
<标签名 />
```
示例
```
<table> </table>
```
表格的开始标签与结束标签
```
<br />
```
单独出现的换行标签

常用HTML标签
- html标签 -- 定义HTML文档.
- body标签 -- 定义HTML文档的内容.
- p标签 -- 定义段落.
- h1-h6标签 -- 定义标题.
- html注释 -- 定义注释内容.
2.HTML属性
HTML属性 -- 一般都出现在HTML标签中,HTML属性是HTML标签的一部分
标签可以有属性,它包含了额外的信息.属性的值一定要在双引号中

标签可以拥有多个属性

属性由属性名和值成对出现
HTML属性语法
```
<标签名 属性名1="属性值" 属性名2="属性值" ... 属性名N="属性值"></标签名>
```
示例
```
<a href="http://www.baidu.com/">
```
标签<a>是超链接标签.使用href属性,可以定义链接的位置(URI)代码:
```
<table summary="html table" border="0">
```
标签<table>是表格标签.使用border属性,定义没有边框的表格.使用summary属性定义表格的简短描述

3.HTML元素

HTML元素是构建网页的一种单位,是由HTML标签和HTML属性组成的,HTML元素也是网页中的一种基本单位.

示例
```
<a href="http://www.cnblogs.com/JSWBK">
    尽情学习
</a>
```
这是一个HTML链接元素.
```
<p>这是我的第一个网页,在这里
    <a href=
```
```
"http://www.cnblogs.com/JSWBK"> 尽情学习 </a>吧!</p>
```
这是一个HTML段落元素,它包含了一个HTML链接元素.
4. HTML文档

HTML文档就是HTML页面,也就是网页,是由HTML元素组成的

互联网的所有内容都是由一个个HTML文档体现的

5.HTML注释

HTML注释,我们经常要在一些代码旁做一些HTML注释,这样做的好处很多,比如:方便查找,方便比对,方便项目组里的其它程序员了解你的代码,而且可以方便以后你对自己代码的理解与修改等等.

HTML注释的开始使用

引用网址:http://www.dreamdu.com/xhtml/comment/

HTML注释语法
```

```
示例
```

<a href="http://www.cnblogs.com/JSWBK/">
    学习XHTML
</a>吧!

```
6.用一个例子来学习HTML语法

示例
```

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>
    <head>
        <title>欢迎来到逝意遨游www.dreamdu.com</title>
    </head>
    <body>
          <p>  这是我的第一个网页,在这里  <a href="http://www.dreamdu.com/">尽情学习</a>吧!  </p>  </body> </html>
```
分析一下HTML语法示例中的内容

<body>和</body>是一对标签,而
```
<body>
    <p>
        这是我的第一个网页,在这里<a href="http://www.cnblogs.com/JSWBK/">尽情学习</a>吧!
    </p>
</body>
```
是HTML的主体元素

<title>和</title>是一对标签,而
```
<title>欢迎来到逝意遨游http://www.cnblogs.com/JSWBK</title>
```
则是HTML的标题元素

<a>和</a>是一对标签,而
```
<a href="http://www.cnblogs.com/JSWBK/">尽情学习</a>
```
则是HTML的链接元素

此HTML元素以开始标签<a>开头,内容是尽情学习,以结束标签</a>中止

此标签中有一个属性href,属性的值为http://www.cnblogs.com/JSWBK/
```
 
```
相关阅读:
Strapi and MongoDB
Windows 下入手 MongoDB
npm 创建一个 github action
Vue3: does not provide an export named 'createRouter'
How To Use Rocketbots As A Dialogflow CRM
Telegram Groups vs Telegram Channels
WhatsApp Group vs WhatsApp Broadcast for Business
Instant Messaging for Business: Your 10 Best Options
How to Create and Use Facebook Messenger Codes (June 2019)
Ultimate Guide to Line For Business (May 2019)
原文地址：https://www.cnblogs.com/JSWBK/p/5599756.html

最新文章
CentOS 7 配置ftp服务器
 CentOS 7 安装惠普打印机驱动
 CentOS7 配置httpd
计划任务服务
 力扣思路
 数学相关
 数据科学
 难题解答
 算法应用
 每日编程

HTML标签语法

示例

常用HTML标签

HTML属性语法

示例

示例

HTML注释语法

示例

示例

分析一下HTML语法示例中的内容