⽹页制作HTML基础结构、标记⽹页制作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="编辑软件名称">
作者信息author
设置⽹页作者信息
<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标题字">
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>
得到如图：
⽂字中插⼊符号
空格
 
引号
"
&
&
⼤于
>
⼩于
<
乘
×

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。