预备内容：---软件安装篇

最新推荐文章于 2022-09-23 13:38:14 发布

sumuqi

最新推荐文章于 2022-09-23 13:38:14 发布

阅读量151

点赞数

文章标签： html

本文链接：https://blog.csdn.net/sumuqi/article/details/104473201

版权

预备内容：—软件安装篇

1.记笔记工具----typroa

文件名：为了区分计算机中的不同文件，而给每个文件设定一个指定的名称。由基本文件名（文件主名）和扩展名组成。

eg：SDN.docx 销售统计表.xlsx

不同的文件扩展名也不一样

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-mRYhxbAl-1582511577458)(C:\Users\DELL\AppData\Local\Temp\1581996624939.png)]

2.截图软件的安装

-greenshot

3.sublimes—无需安装

解压
将解压后的文件复制到文件夹（自己选定：最好是C盘，因为有的软件下载重装之后就不能用了）下
选择sublimes.exe发送到桌面快捷方式

HTML ,

一、HTML 简介

1.HTML是什么

HTML : Hyper Text Markup Language超文本标记（标签）语言

各种标签组成，用来制作网页，告知浏览器该如何显示页面

2.作用

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

3.版本

W3C : World Wide Web Consortium互联网联盟，制定web技术的相关标准和规范的组织，HTML就是由W3C制定的标准

有两个版本：HTML 4.0.1 和 HTML 5.0-----统称H5

官网：https://www.w3cschool.com.cn

4.扩展名

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

eg：hello.html

二、HTML文档的结构

1.基本结构

1.1 简介

html标签是由尖括号括住的关键词，如，通常标签都是成对出现的。
以为根标签，包含头部和主题部分
头部提供关于网页的相关信息，如标题、文档类型、字符编码、关键词等摘要信息
主体部分提供网页要显示的内容，真正显示页面中的
合理的缩进
标签名不区分大小写，但一般用小写

1.2 开发工具

记事本 notepad，sublime，notepad++ ，Dreamweaver，VScode，Webstorm等

使用步骤：

1.新建文件（ctrl+N），然后保存（ctrl+N），指定扩展名 .html

2.编写html代码

3.在浏览器中打开文件进行验证效果

1.3 浏览器

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

2.标签

2.1标签的组成

一个完整的html标签的组成：

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

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

2.2标签的分类

根据标签是否关闭，分为：关闭型和非关闭型

关闭型：有开始标签，也有结束标签，一般是成对出现的

1  <title>标题</title>
2  <body>主体</body>
3  <h1>一级标题</h1>

非关闭型：只有开始标签，没有结束标签

1   <meta>
2   <br>
3   <hr>

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

块级标签：显示为块状，独占一行

1  <h1></h1>
2  <hr>

行级标签：

<span></span>

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-uKqwKUyW-1582511577462)(C:\Users\DELL\AppData\Local\Temp\1582247397065.png)]

2.3注释

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

1   <!--注释内容--->

2.4实体字符

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

语法：

&实体字符的名称;

常用实体字符；

1  &lt;    <    小于号    less  than
2  &gt;    >    大于号    great than
3  nbsp;   空格   space在html中对于连续的空白字符（空格、缩进、换行等），在浏览器中显示时只能显示为一个空格
4  &amp;    &   与
5  &quot;   "  双撇号
6  &copy;   版权符号     copyright
7  &reg;    注册符号     register
8  &times;  关闭符号

注意：实体字符是严格区分大小写，即大小写敏感

2.5文档类型

在HTML文档的第一行，使用声明html文档的类型

用来告诉浏览器页面的html文档类型，简单来说，用来指定使用的html版本规范

注册符号 register
8 × 关闭符号


注意：实体字符是严格区分大小写，即大小写敏感

##### 2.5文档类型

在HTML文档的第一行，使用<!DOCTYPE  HTML>声明html文档的类型

用来告诉浏览器页面的html文档类型，简单来说，用来指定使用的html版本规范

目前基本上都使用的是html5，<!DOCTYPE  HTML>

sumuqi

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
预备内容：---软件安装篇

预备内容：—软件安装篇1.记笔记工具----typroa文件名：为了区分计算机中的不同文件，而给每个文件设定一个指定的名称。由基本文件名（文件主名）和扩展名组成。eg：SDN.docx 销售统计表.xlsx不同的文件扩展名也不一样[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-mRYhxbAl-1582511577458)(C:\Users\DELL...
复制链接

扫一扫