2.1 HTML语言基础(课件）-高二《网页设计与制作》同步教学（中国人民大学出版社）
2023-07-31
|
9页
|
403人阅读
|
64人下载
普通
资源信息
| 学段 | 中职 |
|---|---|
| 学科 | 职教专业课 |
| 课程 | 网页设计与制作 |
| 教材版本 | - |
| 年级 | 高二 |
| 章节 | - |
| 类型 | 课件 |
| 知识点 | HTML语法基础 |
| 使用场景 | 同步教学 |
| 学年 | 2023-2024 |
| 地区（省份） | 全国 |
| 地区（市） | - |
| 地区（区县） | - |
| 文件格式 | PPTX |
| 文件大小 | 269 KB |
| 发布时间 | 2023-07-31 |
| 更新时间 | 2023-07-31 |
| 作者 | 匿名 |
| 品牌系列 | - |
| 审核时间 | 2023-07-31 |
| 下载链接 | https://m.zxxk.com/soft/40143454.html |
| 价格 | 0.00储值（1储值=1元） |
| 来源 | 学科网 |
内容正文：
第2章 HTML语言简介
教学任务：
掌握HTML语言基础
掌握头部标记及其之间的主要标记
掌握主体标记及其之间的常用标记
教学重点与难点：
HTML概念及其基本结构
主体标记及其之间的常用标记，标记与属性之间的关系，表格标记、多媒体标记
Dreamweaver与HTML语言有着比较紧密的联系，文本、图像、表格、样式、层、框架等基本元素或对象的建立全是以HTML语言为基础的，可以说，HTML语言是搭建网站的基本“材料”。故有必要学习一下HTML语言。
HTML代码既可在Windows记事本内书写，也可在Dreamweaver的代码视图中书写，在Dreamweaver中输入HTML代码时有代码提示，既便于初学者学习，又可提高工作效率（如图2-1所示）。
2.1 HTML语言基础
2.1.1什么是HTML
HTML的英文全称是HyperText Markup Language,直译为超文本标记语言。它是一种文本类、解释执行的标记语言，是在标准一般化标记语言(SGML) 的基础上建立的。
2.1.2 HTML的基本结构
HTML文件就是由各种HTML元素和标签组成的。一个HTML文件的基本结构如下：
<html> 网页文件开始标记
<head> 头部开始标记
… 头部内容
</head> 头部结束标记
<body> 主体开始标记
… 主体内容
</body> 主体结束标记
</html> 网页文件结束标记
标记又称标签，HTML是影响网页内容显示格式的标记集合，浏览器根据标记决定网页的实际显示效果。
在HTML中，所有的标记都用尖括号括起来。例如，<html>表示HTML开始标记。绝大多数标记都是成对出现的，包括开始标记和结束标记。 如：<html>…<／html> 。 HTML标记是不区分大小写的。
在标记中，可分成单标记和双标记，而双标记即是刚刚提到的标记对。
1．单标记
有些标记能完成的表达标记里的意思，只需在尖括号中输入标记名即可，这类标记叫单标记，一种单标记表示一种功能，即没有范围之分，单标记语法形式为：
<标记 />
提示：在Dreamweaver CS4中输入后半个尖括号时会自动弹出/。
其中的标记是指英文字母，这种字母是HTML提供，并有特殊功能，如<hr />表示画一条水平线，再如最常用的是换行标记<br />，表示给标记处换行，<br />标记告诉浏览器让其解析<br />时强行换行，这些单标记可以在网页中任意嵌套。
2.双标记
“双标记”与单标记刚好相反，这种标记有头有尾，且前头标记与后面的标记保持一样，但在后面标记前有斜线，所以叫双标记。其中开始标记是告诉浏览器从本处开始标记所表达的功能，再由尾标记告诉浏览器结束，构成尾标记是在小于号后面加斜杠，语法形式为：
<标记>内容</标记>
其中，<标记>指的是字母关键字组成的标记，如<div></div>组成一个层，<table></table>组成一个表格，而“内容”是被标记修饰的部分，从标记对前到标记对结束的内容都被标记对修饰着，如<div>这是一个层</div>中的文本文字“这是一个层”被<div>标记对修饰表示一个层的内容，再如<p>段落内容</p>中的“段落内容”被<p>标记对修饰，表示一个段落等。双标记可以多层嵌套，如在<p></p>标记对中可以嵌套<div></div>标记对或其他标记对，在多个嵌套中，一个标记对的结束标记对最近一个标记对开始标记配对。值得注意的是，标记对不能交叉。
属性是用来描述对象特征的特性。在HTML中，所有的属性都放置在开始标记的尖括号里，属性与标记之间用空格分隔，属性的值放在相应属性之后，用等号分隔，而不同的属性之间用空格分隔。格式为：
<标记 属性1=属性值1 属性2=属性值2 …> 受影响的内容 <／标记>
例如：<body bgcolor="#ccffff" text="#660033">
(这里的属性值引号可省略)
HTML属性通常也不区分大小写。
提示：在书写HTML代码时，有些内容可省略，但千万别随便省略，否则有可能会产生意想不到的错误。
$$
资源预览图
1
2
3
4
由于学科网是一个信息分享及获取的平台，不确保部分用户上传资料的 来源及知识产权归属。如您发现相关资料侵犯您的合法权益，请联系学科网，我们核实后将及时进行处理。