HTML(上)
网页
网站是指在因特网上根据一定的规则,使用 HTML 等制作的用于展示特定内容相关的网页集合。
网页是网站中的一“页”,通常是 HTML 格式的文件,它要通过浏览器来阅读。
网页是构成网站的基本元素,它通常由图片、链接、文字、声音、视频等元素组成。通常我们看到的网页, 常见以 .htm 或 .html 后缀结尾的文件,因此将其俗称为 HTML 文件。
HTML
HTML 指的是超文本标记语言 (Hyper Text Markup Language) ,它是用来描述网页的一种语言。 HTML 不是一种编程语言,而是一种标记语言 (markup language)。 标记语言是一套标记标签 (markup tag)。
网页的形成
前端代码——>浏览器显示代码(解析、渲染)——>web网页
常用浏览器
WEB标准
Web 标准是由 W3C 组织和其他标准化组织制定的一系列标准的集合。W3C(万维网联盟)是国际最著名的标准化组织
web标注的构成:主要包括**结构(Structure) 、表现(Presentation)和行为(Behavior)**三个方面。
HTML语法规范
1.html是由尖括号包围的关键词
2.html标签通常是成对出现的
3.标签关系:包含关系和并列关系
hmtl基本结构标签(骨架标签)
网页新增标签
1.<!DOCTYPE> 标签
文档类型声明标签,作用就是告诉浏览器使用哪种HTML版本来显示网页 。<!DOCTYPE> 声明位于文档中的最前面的位置,处于 html>标签之前。<!DOCTYPE>不是一个 HTML 标签,它就是 文档类型声明标签。
2.lang语言种类
定义当前文档现实的语言
1.en定义语言为英语
- zh-CN定义语言为中文
3.字符集
字符集是多个字符的集合,以便计算机能够识别和存储各种文字。在html中可通过meta中的charset定义HTML文档定义使用哪种字符编码
<meta charset="UTF-8">
常用标签
1.标题标签 h1 - h6
2.段落和换行标签—p和br标签
3.文本格式化标签
a.加粗strong和b
b.倾斜em和i
c.删除线del和s
d.下划线ins和u
4.div和span标签
div标签用来布局,一行只能放一个,大盒子
span也可布局,一行可以放多个,小盒子
5.图像标签和路径img
1.图像标签属性:
2.图像标签属性注意点:
① 图像标签可以拥有多个属性,必须写在标签名的后面。
② 属性之间不分先后顺序,标签名与属性、属性与属性之间均以空格分开。
③ 属性采取键值对的格式,即 key=“value" 的格式,属性 =“属性值”。
3.路径
**目录文件夹:**就是普通文件夹,里面只不过存放了我们做页面所需要的相关素材。
**根目录:**打开目录文件夹的第一层就是根目录。
**相对路径:**以引用文件所在位置为参考基础,而建立出的目录路径。
**绝对路径:**是指目录下的绝对位置,直接到达目标位置,通常是从盘符开始的路径。
6.超链接标签a
a 标签用于定义超链接,作用是从一个页面链接到另一个页面
<a href="跳转目标" target="目标窗口的弹出方式"> 文本或图像 </a>
链接分类:
1.外部链接:
2. 内部链接:网站内部页面之间的相互链接. 直接链接内部页面名称即可
-
空链接: 如果当时没有确定链接目标时,< a href="#"> 首页 。
-
下载链接: 如果 href 里面地址是一个文件或者压缩包,会下载这个文件。
-
网页元素链接: 在网页中的各种网页元素,如文本、图像、表格、音频、视频等都可以添加超链接.
-
锚点链接: 点我们点击链接,可以快速定位到页面中的某个位置。
HTML 中的注释和特殊字符
注释
HTML中的注释以“<!–”开头,以“
–>”结束
<!-- 注释语句 --> 快捷键: ctrl + /
特殊字符
VSCode 的使用
- 新建文件(Ctrl + N )。
- 保存(Ctrl + S ), 注意移动要保存为 .html 文件
- Ctrl + 加号键 ,Ctrl + 减号键 可以放大缩小视图
- 生成页面骨架结构。 输入! 按下 回车键。
- 利用插件在浏览器中预览页面:单击鼠标右键,在弹出窗口中点击“Open In Default Browser”
- 安装Chinese (Simplified) (简体中文)
整理笔记资源来自itheima