初识HTML

HTML Hypertext Markup Language

用于决定文档的内容结构

一个页面就是一个文档

而一篇文档最核心的，就是内容。

不同含义的内容组成了文档的结构

内容：标题 图片 图片说明 正文段落＝结构

用于定义文档的内容结构

中文全称：超文本标记语言

新建一个HTML文件

1.新建一个html文件

2.在文件中添加英文的感叹号！（shift+1），再回车

3.在body和/body之间添加内容

4.在文件中勾选自动保存

5.再预览到浏览器里

安装插件：Open In Default Browser

一个文件的完整格式：文件名称（自定义）.（分隔符）后缀名

后缀名：jpg txt gif psd rar png exe zip mpx3 MP4

HTML 网页的格式：html htm

CSS的格式：css

HTML的术语

HTML注释+HTML元素

注释：ctrl+？

注释看不见

浏览器解析代码的时候会忽略注释，只是起一个提示作用。

写给开发者、维护者看

元素：

HTML元素是HTML文档的重要组成部分，一个HTML文档由大量元素组成，HTML中的所有内容构成，都是靠元素组织到页面中的

元素的组成部分：起始标记 元素内容 结束标记

起始标记和结束标记的区别：结束标记多了一根斜线

在网页上显示的是：元素内容

快速书写元素的办法：先写标记名（标签名 元素名 h3），再按回车/tab键

标题是块级元素，一个标题独占一行

段落：p+enter/tab 也是块级元素，独占一行

超链接:非本地网址 网站前＋http://

同一个文件夹超链接跳转，直接输文件名

空元素（自闭合元素）（行内元素）：没有元素内容和结束标记这一类元素

格式：（标记名 属性)

(标记名 属性/)

img：图片

src：图片URL位置（图片存放在什么位置）

alt：图片替代文字

当src不正确的时候，就会显示alt里面的文字

放图片 需要把图片拖进同一文件夹 在双引号里面输入图片的名字

元素的层次结构：

一个元素的内容中可以包含其他元素，形成嵌套元素

两个元素不能相互嵌套

前提：嵌套

三种关系：父子关系，兄弟关系，祖先后代关系

拓展：h和p都不能相互嵌套