您的位置：首页 > Web前端 > HTML

HTML简单了解

2016-05-15 20:30 639 查看

万维网可以说这个时代最重要的信息传播手段，我们任何一个人都可以建立自己的网站以及发布在因特网上，因此我们介绍HTML编写网页，其中包含文字 flash 动画音频和视频。

还是了解一下3W吧。WWW（World Wide Web）是一个基于超文本方式的信息检索服务工具。采用指针链接的方式可以使任何地方之间的信息产生联系，因此检索数据非常灵活。总之一句话概括就是，没有www,就没有电子商务，也就没有今天如此便利的生活！

回归主题：Html 是超文本标记语言，即HTML（Hypertext Markup Language），是用于描述网页文档的一种标记语言。

超级文本标记语言（英文缩写：HTML）是标准通用标记语言下的一个应用，也是一种规范，一种标准，它通过标记符号来标记要显示的网页中的各个部分。网页文件本身是一种文本文件，通过在文本文件中添加标记符，可以告诉浏览器如何显示其中的内容

HTML其特点就是在于网页中有超链接。超链接-特殊文字标示，只想WWW中的资源。就是一种URL指针，通过激活（点击）它，可以使浏览器方便的获取新的网页。这也是HTML获得广泛应用的最重要的原因之一。

HTML文档制作不是很复杂，但功能强大，能支持不同数据格式的文件镶入，其主要特点如下：

1、简易性：超级文本标记语言版本升级采用超集方式，从而更加灵活方便。

2 、可扩展性：超级文本标记语言的广泛应用带来了加强功能，增加标识符等要求，超级文本标记语言采取子类元素的方式，为系统扩展带来保证。

3 、平台无关性：超级文本标记语言可以使用在广泛的平台上，浏览器都可以解读它。

1. HTML中元素和标签

元素是由单个或一对标签定义的包含范围。一个标签就是左右分别有一个小于号(<)和大于号(>)的字符串。开始标签是指以不以斜杠(/)开头的标签，其内是一串允许的属性－值对。结束标签则是以一个斜杠(/)开头的标签。如：

<body><!—开始标签-->

连接 <!—其中color=”read”就是属性－值对。“连接”就是内容-->

</body><!—结束标签-->

2. HTML元素的四种形式

空元素 

带有属性的空元素<hr color=”blue”>

带有内容的元素<title>连接</title>

带有内容和属性的元素连接

综上例子

[html] view
plain copy

<html>//起始符号。如果没有浏览器也可以解析



 <head>//开始文档头



 <title>



 My name is cauthy!//开始文档的标题



 </title>//结束文档的标题



 </head>//结束文档的头部



 <body color="red">//开始文档体



 Hello World!//浏览器显示的内容



 </body>//结束文档体



</html>//结束HTML文档

注:在HTML中，属性和标签的大小写无关。属性值可以加双引号，也可以不加。

3. 与段落控制相关的标签

<palign=”#”> 表示paragraph，作用：创建一个段。属性align表示段的对其方式，可以为leftright justify

 表示linebreak 作用：换行

<hrcolor=””>表示horizontal rule 作用：插入一条水平线，属性表示颜色可以用read green也可以用16进制的数，如#ffoooo

[html] view
plain copy

<html>



 <head><title>静夜思</title></head>



 <body>



 



 静夜思



 <hr color="#ffoooo">



 



 床前明月光，疑是地上霜。 



 举头望明月，低头思故乡。



 </body>



</html>//效果图

4. 与文本显示相关的标签

<center>…</center>：使文本居中显示

<hn align=””>…<hn>：用于指出文档的标题，n是从1到6的整数，1表示最大的标题，属性align表示标题的对齐方式，可以为center,left right

<fontsize=”n”color=””>…：用于设置字体，size表示字体大小，n可以是从1到7的整数，数字越大，显示的字越大。

…：设置文本成为粗体

…：设置文本为斜体

[html] view
plain copy

<html>



 <head><title>静夜思</title></head>



 <body>



 <center>



 <h1><fontcolorfontcolor="red">静夜思</h1>



 李白



 <hr color="#ffoooo">



 



 



 床前明月光，疑是地上霜。 



 举头望明月，低头思故乡。



 </center>

 </body>



</html>

5. 如何输入特殊字符

在HTML文档中，像不间断空格，回车等符号，HTML的保留字，一些在键盘中不存在的字符，都需要引用的方式才能输入，在HTML中有两种引用类型：字符引用和实体引用。

字符引用和实体引用都是以一个&开始并以一个分号（;）结束。如果用的是字符引用，需要在&之后加上一个#，之后是所需要字符的十进制代码或者十六进制代码(ISO 10646字符集中的字符的编码)。如果用的是实体引用，在&之后写上字符的助记符。

在HTML中空格可以用全角的空格去输入。

6. HTML中的注释

7.超链接

<a href =”URL”>…链接的文字</a>

<a href=”form.html”>当前的目录</a>

<ahref=../”form.html”>当前的目录的上一层目录</a>

<ahref=”E://form.html”>绝对路径</a>

<ahref=”http://www.baidu.com”>万维网地址</a>

8. 嵌入图像

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航