笔记

预备内容----软件安装筒

1.记笔记工具—typroa

文件名：基本文件名.扩展名

2.截图工具的安装

Greenshot

3.sublimes—无需安装

解压

将解压后的文件复制到C:\programefiles\ 下

选择sublimes.exe发送到桌面快捷方式

HTML,主讲:刘晓勇

一、HTML简介

1.HTML是什么?

HTML：Hyper Text Markup Language超文本标记（标签）语言
各种标签组成，用来制作网页，告浏览器该如何显示页面

2.作用

制作网页，控制网页和内容的显示
插入图片、音乐、视频、动画等多媒体
通过链接检索信息
使用表单获取用户的数据，实现交互

3.HTML版本

两个版本：HTML 4.0.1，HTML 5.0-----通常H5

4.扩展名

HTML文件的扩展名是以.html或.htm结尾

二、HTML文档的结构

1.基本结构

1.1简介

html标签是由尖括号括号的关键词，如 ,通常标签都是成对出现如··
以 为根标签，包含 头部和 主体部分
头部提供关于网页的相关信息，如标题、文档类型、字符编码、关键词等摘要信息
主体部分提供网页要显示的内容，真正显示页面中的

合理的缩进
标签名不区分大小写，但一般要用小写

1.2开发工具

记事本notepad,sublime,notepad++,Dreamweaver,VScode,webstorm等
使用步骤：

1. 新建文件(ctrl+N),然后保存(ctrl+S),指定扩展名.html
2. 编写html代码
3. 在浏览器中打开文件进行验证效果

1.3浏览器

常见的浏览器IE微软,chrome谷歌,firefox火狐,safari苹果
浏览器作用：读取html文件，并以网页的形式进行显示
浏览器不会直接显示html标签，而是使用标签来解释网页的内容

2.标签

2.1标签的组成

<标签名属性名=“属性值”>内容</标签名>

属性值要使用引号引起来，一般使用双引号

2.2标签的分类

根据标签是否关闭，分为：关闭型和非关闭型 关闭型：有开始标签，也有结束标签，一般是成对出现的

12 主体3

一级标题

根据标签是否独占一行，分为：块级标签和行级标签 块级标签：显示为块状，独占一行

1

2

---

行级标签：在行内显示，可以与其他文本内容在同行显示

1

2.3注释

注释在浏览器中不会显示，是用来标注解释html语句，但通过查看源代码可以看到

1<!–注释内容—>

2.4实体字符

实体字符也称为特殊字符，用于显示一些特殊符号：如<>&空格等

语法： &实体字符的名称;

常用实体字符：

1&lt；<小于号 less than

2&gt；>大于号 great than

3&nbsp；空格 space在html中对于连续的空白字符（空格、缩进、换行等