HTML，Hypertext Markup Language，超文本标记语言

 

　　用于描述网页信息的内容和结构用开始和结构标签包围文本内容把每个标签的名字称为元素语法：

 

　　<元素>内容</元素> 【相当于一对括号】

 

　　例如：<p>This is a paragraph</p>HTML中大部分的空格是无关紧要的（被忽略或者折叠成一个空格）当前HTML的最新版本HTML5，里面具有很多新特性

 

　　整体结构

 

　　详细解释

 

　　HTML常用块元素

 

　　块元素包含整个大区域的内容

 

　　1、段落（p）

 

　　放置在body标签内<br> 换行元素，它没有结束标签。<br> 是 HTML 写法。<br/>；<br /> 是 XHTML 为兼容 HTML 的写法,也是 XML 写法。HTML5 因为兼容 XHTML，所以以上写法都可以使用。

 

　　2、标题（h1-h6）

 

　　不同标题显示字号不同，h1最大

 

　　3、列表

 

　　? dl：表示列表术语的定义；dt：表示每个术语；dd：对应术语的描述。

 

　　4、表格（table）

 

　　cellpadding：规定单元边沿与其内容之间的空白：

 

　　<table border=“1” cellpadding=“10”>cellspacing：规定单元格之间的空白；

 

　　<table border=“1” cellspacing=“0”>Width＜/strong>：规定表格宽度colspan（跨列居中）与rowspan（跨行居中）

 

　　5、表单（form）

 

　　6、预格式化文本（pre）

 

　　块元素，适合显示大片的按原格式输出的内容

 

　　7、div标签

 

　　默认独占一行

 

　　8、水平线 (hr)

 

　　如下面：

 

　　HTML常用行内元素

 

　　1、图像（img）

 

　　? 语法：<img src=“url” alt=“some_text”>；

 

　　? <img src=“url” alt=“some_text” width=“100” height=“100”>

 

　　? src属性：指出图片的URL；

 

　　? alt属性来描述图片

 

　　? width、heigh：设置图片的宽高；

 

　　2、链接（a）

 

　　? 语法：<a href=“url”>链接文本</a>

 

　　3、换行（br）

 

　　4、强调（em，strong）

 

　　? em:倾斜强调；<em>强调文本</em>

 

　　? strong：加粗强调；<strong>重要的文本</strong>

 

　　? 标签必须正确地嵌套；一个结束标记必须匹配最近打开地标签

 

　　5、span

 

　　div和span这两个东西，都是最最重要的“盒子”。

 

　　div标签 默认独占一行；<div>是换行的。

 

　　span标签 它的长度是封装数据的长度；<span>是不换行的。

 

　　HTML常用其他元素

 

　　1、引用：

 

　　块引用<blockquote>：浏览器通常会对 <blockquote> 元素进行缩进处理行内引用<q>：对引用内容加引号；字符实体引用：一些字符无法从键盘输入；若要在网页中显示一些HTML字符；都需要使用字符实体两种方式表示字符实体：用实体名：&实体名用实体数字：&#实体数

 

　　2、音频（audio）

 

　　<audio src=" " controls=“controls”>您的浏览器不支持</audio>允许多个 source 元素：

 

　　<audio controls=“controls”>

 

　　<source src=“song.ogg” type=“audio/ogg”>

 

　　<source src=“song.mp3” type=“audio/mpeg”>

 

　　您的浏览器不支持.

 

　　</audio>control 属性供添加播放、暂停和音量控件。

 

　　3、视频（video）

 

　　<video src=“movie.ogg” controls=“controls”>您的浏览器不支持.</video><video width=“320” height=“240” controls=“controls”>

 

　　<source src=“movie.ogg” type=“video/ogg”>

 

　　<source src=“movie.mp4” type=“video/mp4”>