HTML基础详解
1.声明:<!DOCTYPE>
Html 有许多不同的版本,只有完全声明使用的确切HTML版本,浏览器才能完全正确的显示出Html页面,这就是<!DOCTYPE>的用处。
HTML5:
<!DOCTYPE html>
HTML 4.01:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
XHTML 1.0:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<head></head>标签主要是定义头部的信息,编码格式如"UTF-8",标题<title>,文字的显示形式 "en"英文显示
"zh"中文显示
<body></body>之间为页面主要内容
1.声明:<!DOCTYPE>
Html 有许多不同的版本,只有完全声明使用的确切HTML版本,浏览器才能完全正确的显示出Html页面,这就是<!DOCTYPE>的用处。
HTML5:
<!DOCTYPE html>
HTML 4.01:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
XHTML 1.0:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
只是一个声明,并不是一个标签
<pre name="code" class="html"><pre name="code" class="html"><!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
</head>
<body>
<h1>标题1</h1>
<h2>标题2</h2>
<h3>标题3</h3>
<h4>标题4</h4>
<h5>标题5</h5>
<h6>标题6</h6>
</body>
</html>
<head></head>标签主要是定义头部的信息,编码格式如"UTF-8",标题<title>,文字的显示形式 "en"英文显示
"zh"中文显示
<body></body>之间为页面主要内容
标题标签分为<h1></h1>......<h6></h6>
效果如图
从1到6越来越小
段落标签
<p>Hello world</p>
hello
效果如图
经过<p>标签定义之后的文本是另起一行显示的,如果不经过p标签定义则只会在hello world后直接显示hello ,p标签起的是段落的效果
<a href ="http://www.baidu.com"></a> 标签起到的是超链接的作用
效果如图
<img></img>标签标示引入一个图片
效果如图:
最终代码
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
</head>
<body>
<h1>标题1</h1>
<h2>标题2</h2>
<h3>标题3</h3>
<h4>标题4</h4>
<h5>标题5</h5>
<h6>标题6</h6>
<p >hello world</p>
hello
<a href="http://www.baidu.com">链接到百度</a>
<img src ="images/u1.jpg">
</body>
</html>