HTML语法

zoukankan html css js c++ java

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/
查看全文

相关阅读:
逆向实战干货,植物大战僵尸快速定位自动捡阳光Call,或者标志
 常见注入手法第二讲,APC注入
 Polipo
Tinyproxy
Varnish Cache
jxls-1.x导出excel入门——基本操作
 【Hutool】Hutool工具类之日期时间工具——DateUtil
SVN-Tips
Java使用POI导出excel（下）——实例与小技巧
 Linux入门进阶第三天——软件安装管理（下）

原文地址：https://www.cnblogs.com/JSWBK/p/5599756.html

HTML标签语法

示例

常用HTML标签

HTML属性语法

示例

示例

HTML注释语法

示例

示例

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