Html

最新推荐文章于 2022-02-18 17:41:46 发布

晋子健

最新推荐文章于 2022-02-18 17:41:46 发布

阅读量767

点赞数 1

分类专栏： HTML

本文链接：https://blog.csdn.net/herfather/article/details/103332224

版权

HTML 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

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/>`

在这里插入图片描述
脑图；图是转的

晋子健

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
打赏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

Html

HTML文档基本格式

1`<!DOCTYPE>标记

2 <html> 标记

3<head>标记

4`标记

单双标记

注释标记

标记的属性

设置网页作者

<meta http-equiv="名称"content="值"/>

1设置字符集，例如传智播客网字符集的设置：

2设置页面自动刷新与跳转，例如定义某个页面10秒后跳转至传智播客官网

引入外部文件标记`

标题对齐

段落对齐

水平线标记<hr/>

换行标记<br/>

文本样式标记`

文本格式化标记

使用<ins>标记插入文本

特殊字符标记

图像标记<ing/>

2 `<html>` 标记

3`<head>`标记

`<meta http-equiv="名称"content="值"/>`

水平线标记`<hr/>`

换行标记`<br/>`

使用`<ins>`标记插入文本

图像标记`<ing/>`