html网页基本结构

2020-02-11 16:01:11来源:博客园 阅读 ()

容器云强势上线!快速搭建集群,上万Linux镜像随意使用

html网页基本结构

<!DOCTYPE> 不是 HTML 标签。它为浏览器提供一项信息(声明),即 HTML 是用什么版本编写的。 HTML5 DOCTYPE 的 HTML 文档类型如下:

1 <!DOCTYPE html>
2 <html>
3 <head>
4 <title>Title of the document</title>
5 </head>
6 <body>
7 The content of the document......
8 </body>
9 </html>

HTML 版本常用声明:(感兴趣也可以参考W3CHTML文档版本介绍,了解更多)

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">

HTML是一门超文本标记语言,浏览器解析html标记后,展示页面内容,目前流行HTML5,俗称H5。静态网页的拓展名htm或html新建网页的步骤:1、新建文本文档,更改拓展名为htm或html2、编写网页的基本结构,并保存。HTML语言的特点标记,大部分的都是成对存在不区分大小写  H5区分大小写。使用相关的标签进行排版1、网页的标题<title></title>2、标题标签<h1>....<h6>数字越大 标题越小3、段落标记<p></p>4、换行<br/> 5、水平线<hr/>6、字体加粗<strong></strong> 斜体<em></em>7、HTML中的注释和特殊的符号:<!--  --> 特殊符号: 空格&nbsp; 大于号&gt; 小于号&lt;引号&quot;版权符号&copy;等

HTML添加注释一是为了后期便于回忆,二是有利于团队合作项目修改,添加注释代码展示如下:

 1 <!DOCTYPE html> <!--文档声明-->
 2 <html lang="en"> <!--编码语言-->
 3 <head>
 4     <meta charset="UTF-8"> <!--编码格式-->
 5     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 6     <title>html网页基本结构</title> <!--网页标题-->
 7 </head>
 8 <body>
 9     网页基本内容
10 </body>
11 </html>

 


原文链接:https://www.cnblogs.com/dhnblog/p/12295576.html
如有疑问请与原作者联系

标签:POSTemClassIESpan代码

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:水平垂直居中的布局(定宽高和不定宽高)

下一篇:HTML基础标签图片文本超链接列表表格表单介绍