HTML学习笔记

一、HTML简介

1.HTML是什么？

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

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

2.HTML语言的作用？

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

3.版本

w3c：World wide web consortium万维网联盟，制定WEB技术相关标准和规范的组织，HTML由W3C制定的标准

两个版本：HTML4.0和HTML5.0

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

4.HTML后缀名-----扩展名

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.在浏览器中打开文件

使用技巧：

先保存在编写代码，否则没有颜色提示
建议创建一个文件夹，用于保存所有的网页内容，将文件夹拖拽到sublime中打开，便于管理
显示/隐藏侧边栏
方式1：查看–>侧边栏–>显示/隐藏侧边栏
方式2：alt+shift+2

1.3 浏览器

常见浏览器：IE浏览器 Chrome谷歌、firefox火狐、safari苹果

浏览器的作用就是用来读取html文件，并以网页的形式进行显示

浏览器不会直接显示html标签，而是使用标签来解释网页的内容

2.标签

2.1 标签的组成

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

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

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>标签</title>
    </head>
    <body bgcolor="red" text="blue">
        html从入门到精通！
    </body>
</html>

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

2.2 标签的分类

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

关闭型标签：有开始标签也有结束标签，即标签成对出现

标签的组成

<body bgcolor-"red"text-“blue”>
标签的组成
主讲：贺子豪
非关闭型标签：只有开始标签，没有结束标签

根据标签中的内容是否独占一行，分为：行级标签，块级标签

块级标签：块级标签包起来的内容，独占一行
行级标签：在行内显示，可以与其他内容在同一行显示

2.3 注释

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

2.4 实体字符

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

语法：

&实体字符的名称；

常见的实体字符：

&lt;      <    小于号     less than
&gt;      >    大于号     greate than
&nbsp;        空格           space       在html中对于连续的空白字符（包括空格、换行、TAB等），在浏览器中显示为1个空格
&amp;    &      与  
&quot;    "     双引号
&copy;     ©    版权符号   copyright
&reg;      ®    注册符号   register
&times;     X   关闭按钮

2.5 文档类型

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

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

目前基本上最长用的html5、

三、常用标签

1.基本标签

标签含义说明
br 换行标签非关闭型
p 段落标签关闭型，块级标签，前后有明显的间隔
h1、h2…、h6 标签标签按照h1到h6逐渐变小，块级标签、加粗显示
pre 预格式标签保留编码时的格式
div 分区标签常作为容器来使用，一般用来页面布局，块级标签

来源：CSDN

作者：weixin_46393340

链接：https://blog.csdn.net/weixin_46393340/article/details/104473761

标签

html代码

html语言

html文件

主讲：贺子豪