工信版（中职）Web前端设计基础 项目一电子课件
2022-10-25
|
66页
|
151人阅读
|
0人下载
普通
资源信息
| 学段 | 中职 |
|---|---|
| 学科 | 职教专业课 |
| 课程 | 程序设计基础 |
| 教材版本 | - |
| 年级 | 高一 |
| 章节 | - |
| 类型 | 课件 |
| 知识点 | - |
| 使用场景 | 同步教学 |
| 学年 | 2022-2023 |
| 地区（省份） | 全国 |
| 地区（市） | - |
| 地区（区县） | - |
| 文件格式 | PPTX |
| 文件大小 | 2.05 MB |
| 发布时间 | 2022-10-25 |
| 更新时间 | 2023-04-09 |
| 作者 | 匿名 |
| 品牌系列 | - |
| 审核时间 | 2022-10-25 |
| 下载链接 | https://m.zxxk.com/soft/35574105.html |
| 价格 | 1.50储值（1储值=1元） |
| 来源 | 学科网 |
内容正文：
YCF
（中职）Web前端设计基础 项目一电子课件
1
单击此处编辑母版文本样式
第二级
第三级
第四级
第五级
HTML文档结构
项目一
授课教师：姓名
WEB前端设计基础
学习情境一
授课教师：姓名
单击此处编辑母版标题样式
Contents
1.项目描述
2.知识准备
3.项目实施
4.项目拓展
5.项目小结
6.技能训练
Contents
1.项目描述
2.知识准备
3.项目实施
4.项目拓展
5.项目小结
6.技能训练
一 项目描述
本项目学习要点
HTML 5文件的基本结构；
HTML 5基本标签；
Sublime编辑器的使用；
HTML5语法的变化；
Chrome浏览器中的开发者工具。
二 知识准备
网页文件是使用标记语言书写的，这种语言称为超文本标记语言（Hyper Text Markup Language，HTML），它是制作页面的标准语言。
HTML是一种描述语言，而不是一种编程语言，主要用于描述超文本中的内容和结构。标记语言从诞生至今，经历了20多年，发展过程中也有很多曲折，经历的版本从1.0到5.0有10个版本。
<标签符>内容</标签符>
标签符一般都是成对出现，有一个开始符号和一个结束符号，结束符号只是在开头符号的前面加一个斜杠“/”。“<>”和“/”必须在英文状态下输入。
例如：<p></p>、<strong></strong>
二 知识准备
HTML 5文件的基本结构；
HTML 5基本标签；
Sublime编辑器的使用；
HTML5语法的变化；
Chrome浏览器中的开发者工具。
HTML 5文件的基本结构
HTML5基本语法
完整的HTML文件包括标题、段落、列表、表格、回执的图形以及各种嵌入的对象，这些对象统称为HTML元素。
一个HTML 5文档中，必须包含<html></html>标签，并且放在一个HTML 5文档中的开始和结束位置。
<html></html>之间通常包含两个部分，分别为<head></head>和<body></body>，head标签包含html头部信息，例如文档标题、样式定义等。body包含文档主体部分，即网页内容。
注意：html标签不区分大小写
HTML 5文件的基本结构
HTML5基本结构
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>网页标题</title>
</head>
<body>
网页内容
</body>
</html>
<!DOCTYPE HTML>文档声明
HTML文档的开始标签
HTML的头部信息开始标签
HTML的头部信息结束标签
HTML的文档主体开始标签
HTML的文档主体结束标签
HTML文档的结束标签
HTML 5文件的基本结构
HTML5基本结构
该声明告知浏览器文档所使用的HTML规范。此声明不属于HTML标签，它是一条指令，告诉浏览器编写页面所用的标签的版本。
<!DOCTYPE HTML>文档声明
HTML文档的开始标签
HTML的头部信息开始标签
HTML的头部信息结束标签
HTML的文档主体开始标签
HTML的文档主体结束标签
HTML文档的结束标签
说明本页面是用HTML语言编写的，让浏览器能够准确无误地解释和显示
头部信息不显示在网页中，此标签内可以包含一些其他标签，用于说明文件标题和整个文件的一些公用属性。可以通过<style>标签定义CSS样式表，通过<script>标签定义Javascript脚本文件
包含HTML页面的实际内容，显示在浏览器窗口的客户区中。例如，在页面中，文字、图像、动画、超链接以及其他HTML相关的内容都是定义在body标签里面的
HTML 5基本标签
1.文档类型说明
<!DOCTYPE html>
HTML 5中Web页面的文档类型说明（DOCTYPE）被极大地简化了，简单到15个字符就可以了，代码如下：
HTML 5基本标签
2.HTML标签
<html>
…
</html>
HTML标签以<html>开头，以</html>结尾，文档的所有内容写在开头和结尾的中间部分。<html>标签的作用相当于设计者在告诉浏览器，整个网页是从<html>这里开始的，然后到</html>结束。
语法格式如下：
HTML 5基本标签
3.head标签
<head>
…
</head>
head标签用于说明文档头部的相关信息，一般包括标题信息、元信息、定义CSS样式和脚本代码等。HTML的头部信息以<head>开始，以</head>结束。
语法格式如下：
<head>元素的作用范围是整篇文档，定义在HTML语言头部的内容往往不会在网页上直接显示。
HTML 5基本标签
3.head标签
在头
资源预览图
1
2
3
4
5
6
由于学科网是一个信息分享及获取的平台，不确保部分用户上传资料的 来源及知识产权归属。如您发现相关资料侵犯您的合法权益，请联系学科网，我们核实后将及时进行处理。