Html

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

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

晋子健

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值