什么是HTML？

来源：互联网发布：淘宝上太平鸟是真的吗编辑：程序博客网时间：2024/05/20 01:44

HTML（Hyper Text MarkUp Language）超文本标记语言

为了在各种网络环境之间，不同文件格式之间进行交流的一种语言格式。

HTML语言的功能：

·制作网页，以文本、图片、列表、表格等形式显示信息

·通过超链接检索在线的信息

·通过表单实现数据的采集和提交，以获取远程服务

·在页面中嵌入表格、动画、视频及音频剪辑，以及其他的一些应用。

HTML文件：

·纯文本格式，内含文本信息和文本标记；

·后缀为“.html”或“.htm”

·标记大小写不敏感。

HTML文档的基本结构：

<html>

<head>

</head>

<body>

文件的主体

</body>

</html>

--------------

<body>标记的主要属性：

·bgcolor:设置页面背景颜色

·background:设置页面背景图片，如background="image/bg.gif"

·bgproperties="fixed":使背景图片不随着滚动条的滚动而滚动

·text：设置文档正文的文字颜色

----------------

<br>换行标记

<h1></h1>-------<h6></h6>正文标题文字：align属性标识对齐方式

<hr size="100pt" align="center" width="100" color="red">水平分隔线标记

----------------

<head>头部信息：供浏览器和搜索来使用

·<title>设置窗口标题

·<link>建立到外部文件（主要是CSS外部样式表）的链接：

·<style>设置网页内部的样式表：

body{background-color:red;}

</style>

·<meta>设置当前页面的元数据的信息：

------------------------

文本格式：

HTML使用文本格式标记来设置文本信息的显示格式，如粗体等。

<b>粗体字</b>
<br>
<i>斜体字</i>
<br>
<del>词中划线表示删除</del><br>
<ins>词下划线，标示插入、填充内容</ins><br>
<p>下标：P<sub>1</sub><br></p>
<p>上标：P<sup>-1</sup><br></p>
<pre>

我靠，好牛逼的东东！
啥
你说啥？我不信哦
</pre>

--------------------

字体：<font>标记用于设置字体的大小、颜色和类型。

<font>标记的属性：

·face：设置字体的类型

·size：设置字体的大小

·color：设置字体的颜色

-----------------------------

图片：<img>标记用于在HTML页面中插入图片

·src：属性标识的是图片的来源

<img>标识的其他属性：

·alt：在不支持图片显示的浏览器中将显示本属性的值（alternate text）

<img alt="我的照片" src="help.jpg">
·width 、height：设置图片的大小

·align：设置图片的水平和垂直对齐方式

-------------------------------

特殊字符显示：空格符，<,>,&,"等

HTML中可以使用字符实体表示拉丁字符：

&<实体名>; 如 <

&#<实体编号>; 如 <

---------------------------------

超链接标记：<a>用来标识超链接

<a>标记的其他属性：

·target：在指定的窗口或新窗口中显示连接页面

·name：用来设置锚（anchor）标记，实现超链接跳转到页面指定位置

<a href="#p1" >跳转到锚记p1指定的位置</a>

·title：设置超链接的说明文字（鼠标悬停时出现的文字）

链接到Email地址：<a href="mailto:service@v512.com">联系我们</a>

也可以用图片来作为超链接：<a href="..."><img src="huitailang.jpg"></a>

-----------------------

列表：

·有序列表：（order list）

</ol>

·无序列表：（Unorder list）

</ul>

·定义列表：（definition list）

<dl >

</dl>

-----------------------------

表格：<table>标记中的标记有<th>表头、<tr>标记表格中的一行、<td>标记一个单元格、<caption>表格的标题。

表格相关标记的属性：

·width、height：指定高度宽度

·border：边框线条的宽度

·bordercolor：边框线条颜色

·bgcolor：标记背景颜色

·background：标记背景图片

·align：设置单元格对齐方式

·cellspacing：设置单元格间距

·cellpudding：设置单元格文字与单元格边框的间距

·colspan、rowspan：实现跨列跨行单元格的合并

-------------------------------

表单：（重点）用于收集和提交用户输入信息

常用输入形式：单行文本、多行文本、单选按钮、多选框等、选择列表、密码和文件。

提交表单时，其中收集的信息会被发送到服务器端，服务器端的相关应用程序（CGI、PHP、ASP、JSP等）会进行处理。

基本语法格式：

</form>

-------------------------

页面框架：可将浏览器窗口分割成多个窗格，以同时显示多个不同的页面。

·行分割：

<html>

<frameset rows="25%,*">//分割成两部分

</frameset>

</html>

·列分割：

<html>

</frameset>

</html>

-------------------

嵌入标记：用来在HTML页面中嵌入应用程序。

<applet>标记用于在页面中嵌入Java Applet

常用嵌入文档：

MP3、mid、wma、asf、asx、ra、ram、swf、avi

标记用法：

<embed

src="程序资源路径"

autostart="true" //自动开始

loop="true" //循环

hidden="false"

controls="CONSOLE"

width=""

height="">