15158846557 在线咨询 在线咨询
15158846557 在线咨询
所在位置: 首页 > 营销资讯 > 网站运营 > 轻松学:网页设计2-html网页的结构

轻松学:网页设计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>



关键词:结构,设计

74
73
25
news

版权所有© 亿企邦 1997-2025 保留一切法律许可权利。

为了最佳展示效果,本站不支持IE9及以下版本的浏览器,建议您使用谷歌Chrome浏览器。 点击下载Chrome浏览器
关闭