html超文本标记语言
- 格式:doc
- 大小:44.00 KB
- 文档页数:3
超文本标记语言(英文:HyperText Markup Language,HTML)超文本标记语言(英文:HyperText Markup Language,HTML)是为“网页创建和其它可在网页浏览器中看到的信息”设计的一种标记语言。
HTML被用来结构化信息——例如标题、段落和列表等等,也可用来在一定程度上描述文档的外观和语义。
1982年由蒂姆·伯纳斯-李创建,由IETF用简化的SGML(标准通用标记语言)语法进行进一步发展的HTML,后来成为国际标准,由万维网联盟(W3C)维护。
1 基本介绍HTML(HyperText Markup Language),超文本标记语言,是一种专门用于创建Web超文本文档的编程语言,它能告诉Web浏览程序如何显示Web文档(即网页)的信息,如何链接各种信息。
使用HTML语言可以在其生成的文档中含有其它文档,或者含有图像、声音、视频等,从而形成超文本。
超文本文档本身并不真正含有其他的文档,它仅仅含有指向这些文档的指针,这些指针就是超链接。
HTML是用来制作网页的语言,网页中的每个元素都需要用HTML规定的专门标记来定义。
要让设计者在网络上发布的网页能够被世界各地的浏览者所阅读,需要一种规范化的发布语言。
在万维网(WWW)上,文档的发布语言是HTML。
标记语言是一种基于源代码解释的访问方式,它的源文件由一个纯文本文件组成,代码中由许多元素组成,而前台浏览器通过解释这些元素显示各种样式的文档。
换句话说,浏览器就是把纯文本的后台源文件以赋有样式定义的超文本文件方式显示出来。
HTML和网络是紧密相连的,HTML语言的发展和浏览器的支持是密不可分的,在20世纪90年代网络刚刚兴起时,多种浏览器同时流行于世界各地,它们支持HTML语言的标准也各不相同,这样限制了HTML标记语言本身的发展,逐渐,W3C网络标准化组织联手一些较为流行浏览器开发厂商一同定义HTML标准,并且力推浏览器解释语言和显示方法的统一。
HTML表示什么HTML(HyperText Markup Language),超文本标记语言,是一种专门用于创建Web超文本文档的编程语言,它能告诉Web浏览程序如何显示Web 文档(即网页)的信息,如何链接各种信息。
使用HTML语言可以在其生成的文档中含有其它文档,或者含有图像、声音、视频等,从而形成超文本。
超文本文档本身并不真正含有其他的文档,它仅仅含有指向这些文档的指针,这些指针就是超链接。
HTML是用来制作网页的语言,网页中的每个元素都需要用HTML规定的专门标记来定义。
要让设计者在网络上发布的网页能够被世界各地的浏览者所阅读,需要一种规范化的发布语言。
在万维网(WWW)上,文档的发布语言是HTML。
标记语言是一种基于源代码解释的访问方式,它的源文件由一个纯文本文件组成,代码中由许多元素组成,而前台浏览器通过解释这些元素显示各种样式的文档。
换句话说,浏览器就是把纯文本的后台源文件以赋有样式定义的超文本文件方式显示出来。
HTML和网络是紧密相连的,HTML语言的发展和浏览器的支持是密不可分的,在20世纪90年代网络刚刚兴起时,多种浏览器同时流行于世界各地,它们支持HTML语言的标准也各不相同,这样限制了HTML标记语言本身的发展,逐渐,W3C网络标准化组织联手一些较为流行浏览器开发厂商一同定义HTML标准,并且力推浏览器解释语言和显示方法的统一。
到今天,IE浏览器随着WINDOWS操作信息系统的绝对垄断地位占据着主流市场,这也在另一方面为HTML标准的统一起到了关键作用。
2语言特点编辑本段HTML文档制作不是很复杂,但功能强大,支持不同数据格式的文件镶入,这也是WWW 盛行的原因之一,其主要特点如下:1、简易性,HTML版本升级采用超集方式,从而更加灵活方便。
2、可扩展性,HTML语言的广泛应用带来了加强功能,增加标识符等要求,HTML采取子类元素的方式,为系统扩展带来保证。
3、平台无关性。
超文本标记语言(html)的基础知识超文本标记语言,即HTML(HyperText Markup Language),是一种用于创建网页和其他可在web浏览器中查看的信息的标准标记语言。
在这里,我们将初步介绍HTML的基础知识,包括HTML的定义、语法和一些常用的标签。
一、HTML的定义HTML是一种标记语言,它使用标记来创建网页的各个部分。
在HTML文档中,标记用于指示文本的结构和格式。
HTML文档包含视觉元素,例如标题、段落、列表、链接、图像和表格。
二、HTML的语法HTML文档由标签和内容组成。
标签告诉浏览器如何呈现文本。
标签通常成对出现,包围文本。
打开标记以开始效果,关闭标记以结束效果。
标签通常按照以下格式编写:<标记>内容</标记>三、HTML的常用标签1. 标题标签:用于定义HTML文档中的标题。
HTML中有六个级别的标题:<h1>到<h6>,其中<h1>是最大的标题。
2. 段落标签:用于定义HTML文档中的段落。
<p>标签用于标记段落的开始和结束。
3. 链接标签:用于在HTML文档中创建链接。
<a>标签可以将文本链接到其他网页、文件、电子邮件地址等。
4. 图像标签:用于将图像插入HTML文档。
<img>标签按以下格式编写:<img src="image.jpg" alt="图像" width="500" height="500">5. 列表标签:用于创建有序和无序列表。
<ul>标签用于创建无序列表,<ol>标签用于创建有序列表。
6. 表格标签:用于在HTML文档中创建表格。
<table>标签用于定义表格,<tr>标签定义表格行,<td>标签定义表格单元格。
<html>…</html> 表示该文档是html文档
<head>…</head> 头部标记
<title>…</title> 网页的标题标记
<style>…<.style> 定义css样式表标记
<script>…</script> 插入脚本语言标记
<body>…</body> 主体标记
单标记:
<p> 段落标记
<br> 换行标记
.. 表示返回上一级
文字标记:
<hn>…</hn> 标题标记(包含6种标记 1…6) 属性
align:表示对齐方式
<font>…</font> 文字格式标记属性
size:设置文字大小字号1-7;
face字体效果可以设置一个或多个字体名称;
color 设置字体颜色,默认为黑色。
文字样式标记:
<b>…</b> 设置文字为粗体字样式
<strong>…</strong>
<i>…</i> 设置文字为斜体字样式
<em>…</em>
<u>…</u> 为文字添加下画线
<sup>…</sup> 设置文字为上标样式
<sub>…</sub> 设置文字为下标样式
<s>…</s> 为文字添加删除线
<strike>…</strike>
列表标记:
<ul>…</ul> 无须列表标记
<li>…</li> 项目列表属性:dise●
type:表示无须列表的项目符号样式, circle▇
disc默认值square〇
<ol>…</ol> 有序列表标记属性:
start:设置列表的起始值,其值为整数,也可以为负数,只对
数字想起作用,默认从1开始。
type:属性值:1 数字 1、2、3…
a 小写英文字母a、b、c…
A 大写英文字母A、B、C…
i小写罗马数字ⅰ、ⅱ、ⅲ…
Ⅰ大写罗马数字Ⅰ、Ⅱ、Ⅲ…
超链接标记:
<a>…</a> 超链接标记属性:
href:指定链接路径,当设置为“#”时表示一个空链接
name:指定链接的名称,常用于书签链接(即锚标记)
title:指定链接的提示文字
target:指定链接的目标窗口打开方式。
_parent表示在上一级
窗口打开;_blank表示在新窗口中打开;_self表示在
同一个窗口中打开;_top表示在浏览器的整个窗口中
打开。
accesskey:指定超链接热键【accesskey=“?”按住Alt键在
点击“?”再按回车键(IE)可以直接链接到html中。
name使用 <a herf=“××”>××</a>
<name=“××” id=“××”></a>
图片标记:<img /> 属性:
src:设置图像文件所在的路径,可以使相对路径也可以是绝对
路径
height:设置图像的高度(像素:高度和宽度会等比进行调整) width:设置图像的宽度(像素)
border:设置图像边框的宽度(像素),默认为无边框
hspace:设置两个图像之间的水平距(像素)
vspace:设置图像与文字的垂直间距
align:设置图像的对齐方式
alt:设置提示文字,当浏览器没成功加载图像或加载图像后鼠
标悬浮停在该图片上方时,将显示出提示文字
表格标记:<table>…</table> 属性:
width:表格宽度,接受绝对值(如80)及相对值(如 80%)。
height:与设置表格宽度相同
align:该一列内内容的对齐方式(水平),可选值为:left,
center, right。
valign: 该一列内内容的对齐方式(垂直),可选值为:top,
middle, bottom。
border: 表格边框的宽度(像素),注意其值大于1才可以显示 bordercolor:表格边框的颜色,必须保证表格边框值大于0
cellspacing:表格内框的宽度,即单元格与单元格之间的距离 cellpadding:表格内文字与边框的距离
bgcolor:设置表格的背景颜色
background:设置表格的背景图像
<caption>…</caption> 表格标题标记,位于整个表格第1行(只能用在IE浏览器上)<th>…</th> 表格表头标记,一般位于表格第一行的第一列,表头加粗显示行标记:<tr>…</tr> 属性:
width:设置行的宽度,只对设置的当前行有效
height:设置行的高度
bordercolor:设置该行的边框颜色
bgcolor:设置该行的背景颜色
background:设置该行的背景图片
align:设置该行文字的水平对齐方式
valign:设置该行文字的垂直对齐方式
单元格标记:<td>…</td> 属性:
colspan:将一行中的几个单元格合并成一个单元格,此属性值
为正表示需要合并单元格的个数
rowspan:合并表格的行,此属性值为正数表示需要合并的个数框架标记:<frameset>…</frameset> 置于头部标记之后属性:
rows:水平分割窗口,每个值表示一个框架窗口的水平宽度(素)
也可以是百分比。
【设了几个row属性值,就要有几个框
架页面标记】
cols:垂直分割窗口,与rows用法相同
frameborder: 是否显示框架边框,0隐藏 1显示
framespacing: 设置框宽度,默认为1像素
bordercolor:设置边框颜色
<frame> 框架页面标记定义框架内容属性:
src:设置框架页面文件的路径,如未设置只显示空白页面
name:设置页面名称,页面名称不允许包含特殊字符
noresize:禁止改变框架的尺寸
marginwidth:设置页面左右边缘与框架边框的距离
scrolling:是否显示框架滚动条,取值为yes/no/auto,默认为
auto,即根据窗口内容决定是否显示滚动条
<iframe>…</iframe> 浮动框架属性:
Src:指定浮动框架的文件路径
Name:设置浮动框架的名称
Align:设置浮动框架的对齐方式
Width:设置浮动框架的宽度
Height:设置浮动框架的高度
scrolling:设置浮动框架滚动条的显示方式。
Yes/no/auto
frameborder:指定是否显示浮动框架的边框。
0/1
marginwidth:设置浮动框架中内容的左右边界与边框的距离
marginheight:设置浮动框架中内容的上下边界与边框的距离多媒体标记:<embed>…</embed> 属性:
src:设置多媒体文件路径
width:播放多媒体文件区域的宽度
height:播放多媒体文件区域的高度
hidden:控制播放面板的显示和隐藏true隐藏 false显示
autostart:控制播放媒体是否自动播放,true自动false
loop:控制多媒体内容是否循环播放,true无限次循环播放
false仅播放一次。