<html>
<head>
<title>第一个 HTML 页面</title>
<meta http-equiv="content-type" content="text/heml; chart=gbk2312"/>
</head>
<body>
<p>body 元素的内容会显示在浏览器</p>
<p>title 元素的内容会显示在浏览器的标题栏</p>
</body>
</html>
效果
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gbk2312">
<!-- TemplateBeginEditable name="doctitle" -->
<title>第一个 HTML</title>
<!-- TemplateEndEditable -->
<!-- TemplateBeginEditable name="head" -->
<!-- TemplateEndEditable -->
</head>
<body>
<p>body 元素的内容会显示在浏览器中。</p>
<p>title 元素的内容会显示在浏览器的标题栏中。</p>
</body>
</html>
效果
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gbk2312">
<!-- TemplateBeginEditable name="doctitle" -->
<title>我的第一个 HTML 页面</title>
<!-- TemplateEndEditable -->
<!-- TemplateBeginEditable name="head" -->
<!-- TemplateEndEditable -->
</head>
<body>
<p>body 元素的内容会显示在浏览器中。</p>
<p>title 元素的内容会显示在浏览器的标题栏中。</p>
</body>
</html>
效果
<!doctype html>
<head>
<meta name="description" content="设置页面说明">
<title>设置页面设置</title>
</head>
<body>
</body>
</html>
效果
<!doctype html>
<head>
<meta http-equiv="refresh" content="20;URL=index1.html ">
<title>网页定时跳转</title>
</head>
<body>
20秒后自动跳转
</body>
</html>
效果 20秒后跳转到index1.html页面
<!doctype html>
<head>
<meta http-equiv="Content-Type" content="text/html;charest=gbk2312">
<title>标题字标记</title>
</head>
<body>
<h1>1级标题</h1>
<h2>2级标题</h2>
<h3>3级标题</h3>
<h4>4级标题</h4>
<h5>5级标题</h5>
<h6>6级标题</h6>
</body>
</html>
效果
<!doctype html>
<head>
<meta http-equiv="Content-Type" content="text/html;charest=gb2312">
<title>标题字的对齐</title>
</head>
<body>
<h1>1级标题</h1>
<h2 align="left">2级标题左对齐</h2>
<h3 align="center">3级标题居中对齐</h3>
<h4 align="right">4级标题右对齐</h4>
</body>
</html>
效果
<!doctype html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gbk2312"/>
<title>水平线</title>
</head>
<body>
<p align="center">不 敢8nbsp;相 信竟敢输掉这场西洋棋</p >
<hr><p align="right">
这属于我两爱情斗智的游戏</p >
<p align="center">
我<br>是<br>国<br>王<br>而你是<br>对面那个beauty queen</p>
<p> 各自捍卫着外面的柏拉图是爱情8reg;</p >
<p>1 ×1=2</p >
</body>
</html>
效果
<!doctype html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=gbk2312"/>
<title>水平线</title>
</head>
>
<body>
<p align="center">无 月 的 中 秋</p>
<p>据说每年八月十五的时候,夜空中的月亮是一年中最大,最圆,最亮,最美的月亮,这就是
中秋节的来历,这就是月饼的来历,大家都会在这一天,合家团圆,吃着月饼,然后在空旷的夜空下赏月。渐渐的,也许人们会淡忘头顶的月亮,只记得这一天是个合家团聚的节日,记得这一天有月饼吃,偶尔抽空抬了下头,稍稍感慨:今天月亮还真是亮。我几乎要忘了月亮才是一切的缘由,直到发现今天看不到它</p>
<p>®/p>
</body>
</html>
效果
|