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

html基础和结构

2012-07-10 10:46 183 查看

[b]html基础和结构[/b]

1. html是什么？

［超文本标记语言］HTML(hypertext markup language),是一种用来设计网页的标记语言，用该语言编写的文件，以.html或者.htm为后缀。它是由w3c定义的一套标记，用于设计网页，并由浏览器解析执行，生成相应的界面。

2. html文件的基本结构
Html的基本结构分为两大部分：头（head）和体（body）。

2.1 <head></head>和<body></body>

1） html头标记，写描述页面的数据
2） html体标记，与页面显示的内容有关系

<html>

<head>
</head>

<body>
</body>
</html>

2.2 <head>中的标记

2.2.1 <title>标题</title>
<title>表示标题
例：

<html>
<!--head描述页面的数据 -->
<head>
<title>标题<title>
</head>
<!--body存放与页面显示的内容有关系-->
<body>
</body>
</html>

2.2.2 <meta>
1）主要用于设置消息头
2）注意不要这样写（有的浏览器不见容）
<meta></meta> (不推荐)
<meta/> (不推荐)

3) 消息头：
浏览器访问服务器时，服务器会发送的一些键值对
<meta http-equiv="content-type" content="text/html;charset=utf-8">
表示浏览器读到的是一个html格式文件，字符编码是utf-8
常用写法1

<html>
<!--head描述页面的数据-->
<head>
<!--http-equiv属性：设置消息头
content 属性：设置消息头的值-->
<meta http-equiv="content-type" content="text/html;charset=utf-8">
</head>
<!--body存放与页面显示的内容有关系-->
<body>
</body>
</html>

常用写法2

<html>
<!--head描述页面的数据-->
<head>
<!--refresh:刷新，content:刷新的频率，每隔一段时间(如3秒)重新加载页面-->
<meta http-equiv="refresh" content="3">
</head>
<!--body存放与页面显示的内容有关系-->
<body>
</body>
</html>

例子：3秒后跳转到www.baidu.com

<html>
<!--head描述页面的数据-->
<head>
<meta http-equiv="refresh" content="3;url='http://www.baidu.com'">
</head>
<!--body存放与页面显示的内容有关系-->
<body>
</body>
</html>

2.2.3 <script> 引入脚本

<html>
<!--描述页面的数据-->
<head>
<!--引入脚本-->
<script src="c1.js"></script>

<!--直接写脚本-->
<script>
//脚本代码
body{font-size:12px;}
</script>
</head>
<body></body>
</html>

2.3 <body>中的标签

<html>
<head></head>
<body>
<!--1.连接-->
<a href=""></a>
<!--2.表格-->
<table>
<!--3.表单-->
<form>
<!--4.列表-->
<ul>,<ol>
<!--5.窗口划分-->
<iframe>,<frameset>
</body>
</html>

2.4块标记和行标记

a.块标记,（另起一行），常见的有：
div,h1,h2,h3..h6,img,form,ul,li,table
b,行内标记(不用另起一行)
<a>,<span>,<strong>,<input>

例子：

<html>
<head></head>
<body>
<div>hello1</div>
<div>hello2</div>
<span>hello3</span>
<span>hello4</span>
</body>
</html>

hello1和hello2会在2行显示
hello3和hello4会显示在一行

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

标签：

相关文章推荐

新的分享

章节导航