HTML文档基本格式
使用Dreamweaver新建默认文档时会自带一些源代码,如下所视;
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
</body>
</html>
这些自带的源代码构成了HTML文档的基本格式,其中主要包括<!DOCTYPE>
文档类型声明,
<html>跟标记,<head>头部标记,<body>主体标记,具体介绍如下;
1`<!DOCTYPE>标记
<!DOCTYPE>标记位于文档的最前面,用于向浏览器说明当前文档使用哪种HTML或XHTML标准规范
课本使用的全都是XHTML1.0过渡型XHTML文档。
必须在开头处使用<!DOCTYPE>
标记为所有的XHTML文档指定XHTML版本和类型,只有这样浏览器才能将该网页作为有效的XHTML文档,并按指定的文档类型进行解析。 同时<!DOCTYPE>
标记和浏览器的兼容性有关,删除它,就是把如何展示HTML页面的权力交给浏览器,
这时有多少种浏览器页面就有可能有多种显示效果,这是不允许的。
2 <html>
标记
<html>标记位于<!DOCTYPE>标记之后,也称为跟标记,用于告知浏览器自己是一个HTML文档,
<html>标记标志着文档的开始,也标志着文档的结束,在他们直接的是文档的头部和主体内容。
<html>之后有一串代码
“xmlns="http://www.w3.org/1999/xhtml"”用于声明XHMTL统一的默认命名空间
3<head>
标记
<head>标记用于定义HTML文档的头部信息,也成为头部标记,紧跟在<html>标记之后,主要用来封装其他位
于文档头部的标记,例如<title>,<meta>,<link>及<style>等,用来描述文档的标题,作者以及和其他位于
文档头部的关系等。
一个HTML文档只能有一对<head>
标记,绝大多数文档头部包含的数据都不会真正作为内容
显示在页面中。
4`标记
<body>标记用于定义HTML文档所要显示的内容,也称为主题标记。浏览器中显示的所有文本,图像,音频和视频
等信息都必须在这个标记内,这个标记中的信息才是最终展示给用户看的。
一个HTML文档只能有一对这个标记,且这个标记必须在<html>
标记之内,位于<head>
头部标记
之后,与<head>
是并列关系。
单双标记
注释标记
<!--注释内容-->
标记的属性
设置网页作者
<meta name="author" content="传智播客网络部"/>
其中neme 属性的值为author,用于定义搜索内容名称为网页作者,content属性的值用于定义具体的作者信息。
<meta http-equiv="名称"content="值"/>
在<meta>
标记中使用http-equive/content属性可以设置服务器发送给浏览器的HTTP头部信息,为浏览器显示
该页面提供相关的参数,其中,http-equive属性提供参考类型,content属性提供对应的参数值。
1设置字符集,例如传智播客网字符集的设置:
<meta http-equive="Content-Type"content="text/html;charset=utf-8"/>
2设置页面自动刷新与跳转,例如定义某个页面10秒后跳转至传智播客官网
<meta> http-equiv="refreshi" content="10;url=http://www.itcast.cn"/>
引入外部文件标记`
一个页面往往需要多个外部文件的配合,在<head>
中使用<link>
标记可引用外部文件,
一个页面允许使用多个<link>
标记引用多个外部文件,其基本语法为;
<link属性="属性值"/>
标题对齐
段落对齐
水平线标记<hr/>
语法为;
<hr 属性="属性值"/>
水平线标记是单表记
水平线标记的常用属性为;
换行标记<br/>
文本样式标记`
属性为;
`
文本格式化标记
使用<ins>
标记插入文本
特殊字符标记
图像标记<ing/>
脑图;