HTML入门（文件格式和常用标签）

<pre class="html" name="code">之前已经学过Web以及JavaEE，最近重新学习一遍。先从HTML开始。

写在前面：浏览器相当于解释器，一个好的解释器是学习Web编程的有力工具，IE8.0和火狐12.0都是不错的选择，其余浏览器可能导致样式和效果显示问题，不利于学习。

        HTML又称为超文本标记语言，诞生于1990年，成熟于1995年。

以下就详细介绍html的使用.

<strong><span style="font-size:18px;">一、html文件格式</span></strong>

<html>
<head>
<title>这是标题</title>
</head>
<body>
这是内容。
</body>
</html>

二、html常用标签

1.head中常用的标签

1）base标签

用于指定页面中所有链接的基准URL。

例如：

<html>
<head>
<title>这是标题</title>
<base href="http://www.baidu.com/"/>
</head>
<body>
这是内容。
<a href="index.html">点击我</a>
</body>
</html>

该例子在点击超链接时，自动在“index.html"前面加"http://www.baidu.com/"。

2）link标签

用于引用其他文档，例如css。

例如：

<html>
<head>
<title>这是标题</title>
<link href="head.css" rel="stylesheet" type="text/css"/>
</head>
<body>
这是内容。
</body>
</html>

3) meta标签

a）设置当前页面的字符集

<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>

b）设置指定页面刷新的时间（单位是s）

<meta http-equiv="refresh" content="2"/>

c）设置指定时间后跳转到其他地址

<meta http-equiv="refresh" content="2;url=www.baidu.com"/>

d）指定网页的关键词

<meta name="keywords" content="关键词"/>

4）style标签

用来书写css样式标签

<style type="text/css"></style>

5）script

用来书写js代码

<script type="text/javascript"></script>

6) title标签

网页的标题，例子前面已经给出

2.body中常用标签

1）body

<body bgcolor="" background="图片">

bgcolor ：背景颜色 RGB 例 #FFFFFF为白色
background : 背景图片此处为路径 2）文本标签 a）文本样式斜体：i 粗体：b 下划线：u 删除线：s 例：

<html>
<head>
<title>这是标题</title>
</head>
<body>
<i>斜体</i>
<b>粗体</b>
<u>下划线</u>
<s>删除线</s>
</body>
</html>

b）font标签

<font color="" size="" face=""></font>

color：颜色 size：大小，注意，此处的大小不指字的大小，而是在原来基础上+/- face：字体。此处的字体必须是操作系统中存在的字体。 c）标题标签 <h1>...<h6> 最大...最小注：每个标签独占一行 d）段落标签 p 换行并空一行

<p align="left|center|right"></p>

e）hr 水平分割线

<hr size="" width="" color="">

size:线的粗细 width：宽度 color：颜色 f）换行标签 </br> 3）实体 空格：  双引号：" 版权符号：© 大于：> 小于：< 4）预格式（慎用，大量的预格式导致网络传输变慢） pre 5) 图片标签

<img src="" alt="" width="" height="" border="" align="">

src：图片路径 alt：图片不显示时的提示信息 width，height：宽和高 border：图片的边缘边框，默认不为0 align ：图片文字对齐方式（top|center|bottom|left|right）

秒客网