轻松学:网页设计2-html网页的结构
时间:2023-10-04 11:18:01 | 来源:网站运营
时间:2023-10-04 11:18:01 来源:网站运营
轻松学:网页设计2-html网页的结构:HTML5文档的基本格式主要包括<!DOCTYPE>文档类型声明、<html>根标记、<head>头部标记、<body>主体标记,具体介绍如下:
HTML5采用宽松的语法格式,标签可以不区分大小写,这是HTML5语法变化的重要体现。
如: <em>这里的em标签大小写不一致</EM> 是合法的。
允许属性值不使用引号。
如: <input readonly=readonly type=text /> 等价于<input readonly="readonly" type="text" />
允许部分属性值的属性省略。
如:<input checked=“checked” type=“checkbox”/>可省略为<input checked type="checkbox"/>
标记:在轻松学:网页设计1-html网页的标记 已经讲了
(HTML用于描述功能的符号称为”标记”,比如<p>、<h1>等。标记在使用时必须使用尖括号括起来,有些标记还必须成对出现。双标记也称体标记,是指由开始和结束两个标记符组成的标记。其基本语法格式如下:<标记名/>内容</标记名>单标记也称空标记,是指用一个标记符号即可完整地描述某个功能的标记。其基本语法格式如下:<标记名/>)元素:每一对尖括号包围的部分,如:<body></body>包围的部分就叫做body元素。
属性:用来修饰元素,每个属性都有值,放在开始标记中。
例如:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>云课堂</title>
</head>
<body>
<!--注释:双标记h2-->
<h2 align="center">小飞课堂上线了</h2>
<p>更新时间:2021年09月30日18时18分 来源:靳晓飞</p>
<!--注释:单标记hr-->
<hr />
<p>云课堂是超星在线教育平台,可以实现晚上在家学习、在线直播教学、实时互动辅导等多种功能,专注于网页、平面、UI设计以及web前端的培训。</p>
</body>
</html>
制作网页时,经常需要设置页面的基本信息,如页面的标题、作者、和其他文档的关系等。为此HTML提供了一系列的标记,这些标记通常都写在<head>标记内,因此被称为头部相关标记。
<meta />标记用于定义页面的元信息,可重复出现在<head>头部标记中,在HTML中是一个单标记。<meta />标记本身不包含任何内容,通过“名称/值”的形式成对的使用其属性可定义页面的相关参数,例如为搜索引擎提供网页的关键字、作者姓名、内容描述,以及定义网页的刷新时间等。<meta />标记常用的几组设置,具体语法格式如下:
<meta name="名称" content="值" />
<meta http-equiv="名称" content="值" />
一个页面往往需要多个外部文件的配合,在<head>中使用<link>标记可引用外部文件,一个页面允许使用多个<link>标记引用多个外部文件。其基本语法格式如下:
<link rel="stylesheet" type="text/css" href="style.css" />
<style>标记用于为HTML文档定义样式信息,位于<head>头部标记中,其基本语法格式如下:
<style 属性=”属性值”>样式内容</style>