网页制作HTML
HTML基本结构
<! doctype html>告知浏览器文档所使用的HTML规范
<html>文件开始标志
<head>文件头开始标志...
文件头内容(一般包括标题和主题信息)
</head>文件头结束标志
<body>文件主体开始标志...
文件主体内容(网页要显示的内容)
</body>文件主体结束标志
</html>文件结束标志
基本结构网页
<! doctype html>
<html>
<head>
文件头内容
</head>
<body>
文件主体内容
</body>
</html>
编辑保存为.html文件后打开
HTML基本标记
标题title
在文件头信息中
<title> 标题 </title>
如:
<! doctype html>
<html>
<head>
<title> 标题 </title>
</head>
<body>
内容
</body>
</html>
得到网页如图:
元信息meta
用于定义页面信息的说明、关键字、刷新等。
放在文件头信息中。
关键字keywords
设置关键字,便于搜索引擎检索信息。
<meta name="keywords" content="插入关键字">
页面说明description
设置页面说明,用于详细说明网页内容,便于搜索引擎检索信息。
<meta name="description" content="设置页面说明">
编辑工具generator
设置网页编辑工具名称
<meta name="generator" content="编辑软件名称">
<meta name="author" content="作者姓名">
文字语言content-type
设置网页语言的编码方式
<meta http-equiv="content-type" content="text/html;charset=字符集类型" />
这里的字符集类型如
中文:gb2312 英文:ISO-8859-1 日文:euc-jp
定时跳转refresh
设置网页自动跳转的时间及跳转地址
<meta http-equiv="refresh" content="跳转时间;url=跳转到的地址" >
注释! - -
<!-- 注释的内容 -->
标题字h
<h1>1级标题</h1>
<h2>2级标题</h2>
<h3>3级标题</h3>
<h4>4级标题</h4>
<h5>5级标题</h5>
<h6>6级标题</h6>
标题字对齐align
<align="对齐方式">
对齐方式:
left 左对齐
center 居中对齐
right 右对齐
<! doctype html>
<html>
<head>
<meta name="keywords" content="html标题字">
<meta http-equiv="content-type" content="text/html;charset=gb2312" />
<title> 标题字 </title>
</head>
<body>
<h1>1级标题</h1>
<h2>2级标题</h2>
<h3>3级标题</h3>
<h4 align="left">4级标题</h4>
<h5 align="center">5级标题</h5>
<h6 align="right">6级标题</h6>
</body>
</html>
得到如图
段落p
<p> 段落文字 </p>
换行br
在不起另一段的情况下强制换行
<br>
不换行nobr
用于禁止自动换行
<nobr> 不换行</nobr>
水平线
使用水平线分隔
<hr>
如:
<! doctype html>
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=gb2312" />
<title>诗经</title>
</head>
<body>
<p align="left">《诗经》,是中国古代诗歌开端,最早的一部诗歌总集,收集了西周初年至春秋中叶(前11世纪至前6世纪)的诗歌,共311篇,其中6篇为笙诗,即只有标题,没有内容,称为笙诗六篇(《南陔》《白华》《华黍》《由庚》《崇丘》《由仪》),反映了周初至周晚期约五百年间的社会面貌。 </p>
<hr>
<p>《诗经》的作者佚名,绝大部分已经无法考证,传为尹吉甫采集、孔子编订。<br>《诗经》在先秦时期称为《诗》,或取其整数称《诗三百》。<br>西汉时被尊为儒家经典,始称《诗经》,并沿用至今。<br>诗经在内容上分为《风》《雅》《颂》三个部分。<br>《风》是周代各地的歌谣;《雅》是周人的正声雅乐,又分《小雅》和《大雅》;《颂》是周王庭和贵族宗庙祭祀的乐歌,又分为《周颂》《鲁颂》和《商颂》。</p>
</body>
</html>
得到如图:
文字中插入符号
空格
 
引号
"
&
&
大于
>
小于
<
乘
×