课堂笔记HTML入门笔记

笔记HTML入门笔记"/>

课堂笔记HTML入门笔记

预备内容：软件安装

1.笔记本工具—typroa（方便记录说明文档，图片等内容）

• 减号加空格可出现此点
• 文件名：由 基本文件名.扩展名（扩展名来确定这个文件的打开方式）
• • 在此电脑中，点击上方的查看，里面会有文件扩展名，将其选中后，可显示文件的扩展名图片如下：
  • [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-yCJdonAD-1582515923412)(C:\Users\张杰\AppData\Local\Temp\1582006618946.png)]
  • [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-IjJ2Km97-1582515923412)(C:\Users\张杰\AppData\Local\Temp\1582006636905.png)]
  • [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-EgjKX9jz-1582515923412)(C:\Users\张杰\AppData\Local\Temp\1582006669162.png)]

2.截图工具的安装

• Greenshot
• [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-B3vFSC6Y-1582515923412)(C:\Users\张杰\AppData\Local\Temp\1582006700097.png)]
• [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-L5nO2BsV-1582515923412)(C:\Users\张杰\AppData\Local\Temp\1582006765853.png)]
• [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-lZcEkhjg-1582515923412)(C:\Users\张杰\AppData\Local\Temp\1582006803558.png)]
• [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-tnRVhlbC-1582515923413)(C:\Users\张杰\AppData\Local\Temp\1582006846071.png)]
• [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-LD0Qrdqx-1582515923413)(C:\Users\张杰\AppData\Local\Temp\1582006897118.png)]
• 完成！ 截图快捷键为：ALT+Q

3.开发工具（网页设计）

• sublimes——无需安装
• 解压
• 将解压后的文件复制到C盘中

HTML(此处为3级标题)

一、HTML（简介）（此处为4级标题）

1.HTML是什么？（此处为5级标题 几级标题，就用几个#）（快捷键是：ctrl+左边的123…等数字几，就有几个#）

• HTML:Hyper Text Markup Language 超文本标记（标签）语言
• 此语言，是由各种标签组成，用来制作网页，告诉浏览器该如何显示页面
• [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-YUPUMUr2-1582515923413)(C:\Users\张杰\AppData\Roaming\Typora\typora-user-images\image-20200221182901643.png)]
• [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-WyVsEl7h-1582515923414)(C:\Users\张杰\AppData\Roaming\Typora\typora-user-images\image-20200221182919451.png)]

2.作用

• 制作网页，控制网页和内容的显示；
• 插入图片、音乐、视频、动画等各种多媒体；
• 通过链接检索信息；链接：通过点击图标进入另一个页面叫做链接
• 使用表单获取用户的数据，实现交互。表单：填写账户或密码的地方

3.HTML版本

• W3C:world wide web consortium 互维网联盟,制定Web技术的相关标准和规范的组织, HTML就是由W3C制订的标准（www.3个w的具体内容和com的具体内容）；
• 两个版本: HTML 4.0.1 , HTML 500----通常H5；
• 官网: 。

4.扩展名

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