下载此文档

第2章【HTML5入门精通实战教程】HTML5基本结构.pptx

文档分类：IT计算机 | 页数：约20页举报非法文档有奖

1/20

下载提示

1.该资料是网友上传的，本站提供全文预览，预览什么样，下载就什么样。
2.下载该文档所得收入归上传者、原创者。
3.下载的文档，不会出现我们的网址水印。

同意并开始全文预览

(约 1-6 秒)

1/20 下载此文档

文档列表 文档介绍

HTML5 入门精通实战教程
讲师:金超服
第2章 HTML5基本结构
网页的组成部分
网页的创建、保存和浏览
HTML5的基本结构
HTML5基本结构
标签、元素、属性、值
HTML5语义
meta标记
添加注释
第2章 HTML5基本结构(大纲)
网页主要有3个组成部分
1、文本内容
可以是英文、中文、符号等。
2、其他引用的文件
图片、音频、视频、CSS、JavaScript。
3、标记
对文本信息进行描述的标记和元信息标记。
网页的组成部分
元信息(meta-information),也称为头元素,包含关于文档的概要信息,包括标签<link>,<meta>,<title>,<style>,<script>等。
文本
文件
标记
网页
浏览器如何显示网页
网页的组成部分
1、创建项目
网页的创建、保存和浏览
2、创建和保存页面
网页的创建、保存和浏览
3、浏览页面
点击如图的图标,默认会打开
Google Chrome浏览器。
当然也可以用其他浏览器,我们推荐安装以下浏览器,以便进行兼容性测试。
网页的创建、保存和浏览
HTML5的基本结构
HTML5文档的基本结构
<!DOCTYPE html>
<html lang = "“>
<head>
<meta charset= “utf-8”>
<title>HTML5</title>
</head>
<body>
</body>
</html>
HTML5文档基本元素说明
<!DOCTYPE> 不是 HTML 标签。它为浏览器提供一项信息(声明),即 HTML 是用什么版本编写的。
<html> 元素定义了整个 HTML 文档
<head> 元素是所有头部元素的容器
<meta>定义关于 HTML 文档的元信息
<title> 标签定义文档的标题
<body> 元素定义文档的主体
HTML 元素以开始标签起始
HTML 元素以结束标签终止
元素的内容是开始标签与结束标签之间的内容
大多数 HTML 元素可以嵌套
大多数 HTML 元素可拥有属性
某些 HTML 元素具有空内容
HTML 标签对大小写不敏感
HTML5文档的基本结构
1、HTML元素、标签
(1)有开始和结束标签的,称为闭合标签。元素内容在开始和结束标签之间。虽然结束标签可以省略,但是建议不要省略。如上面的<p></p>
(2)没有内容的 HTML 元素被称为空元素。空元素是在开始标签中关闭的。如上面的<br>
(3)HTML 标签元素对大小写不敏感,推荐用小写。
(4)HTML 文档由嵌套的 HTML 元素构成。
标签、元素、属性、值
开始标签
元素内容
结束标签
<p>
这是一个段落
</p>
<a href=“">
这是一个链接
</a>
<br>
2、HTML属性、值
HTML 属性赋予元素意义和语境。
属性只能在起始标签中指定,绝对不能用在结束标签中,名称/值对的形式出现
属性值应该始终被包括在引号内(单双都可)。
属性和属性值对大小写不敏感。
下页表格列出HTML的所有常用属性
例:<a href=“”>百度</a>
例:<img src=“images/” title=“这是一个图片” alt=“这是一个图片” width=“300px” height=“200px”>
标签、元素、属性、值

第2章【HTML5入门精通实战教程】HTML5基本结构来自淘豆网www.taodocs.com转载请标明出处.

第2章【HTML5入门精通实战教程】HTML5基本结构.pptx

第5章【html5入门精通实战教程】html5图片和路径

HTML5入门课程2

第3章【HTML5入门精通实战教程】HTML5文本标签

第5章【HTML5入门精通实战教程】HTML5图片和路径

第1章【HTML5入门精通实战教程】HTML5概述

第4章【HTML5入门精通实战教程】HTML5文档标签

第2章【HTML5入门精通实战教程】HTML5基本结构

html5入门到精通

第1章【HTML5入门精通实战】HTML5概述浅析

HTML5入门课程2

第2章 【HTML5入门精通实战教程】HTML5基本结构.pptx

第2章【HTML5入门精通实战教程】HTML5基本结构.pptx