HTML 笔记

2024 HTML基础知识1

1.1什么是HTML

HTML 指的是超文本标记语言,他是用来描述网页的一种语言。

HTML不是一种编程语言,而是一种标记语言。

标记语言是一套标记标签。

超文本的两层含义:

1、可以加入图片、声音,动画、多媒体等内容(超越了文本限制)

2、它还可以从一个文件跳转到·另一个文件,与世界各地主机的文件(超级链接文本)

1.3 网页的形成,网页是由网页元素组成的,由html标签描述出来,然后通过浏览器解析给用户

2.1Web标准

1、为什么需要Web标准

浏览器不同,他们显示页面的排版就有些许差异

内容能被更广泛的设备访问

更容易被搜索引擎搜索

降低网站流量费用

使网站易于维护

提高页面浏览速度

2、Web标准的构成

7aa2856c3fa84b89b37d3425ed2f0b19.png

Web标准提出的最佳体验方案:结构、样式、行为相分离。

即结构写到HTML文件中,表现写到CSS文件中,行为写到JavaScript文件(JS)中。

7d58895e250a489291a9eca5f8f71590.png

3.1HTML语法规范

3.1.1标签介绍

1、HTML标签是由尖括号包围的关键词,例如<html>

2、HTML标签通常是成对出现的,例如<html>和</html>,我们称为双标签,标签对中第一个标签是开始标签,第二个标签是结束标签。

3、有些特殊的标签必须是单个标签(极少情况),例如<br />,我们称为单标签。

3.1.2标签关系

1、双标签可以分为两类:包含关系和并列关系,

8d434aca3fc24d85a1f99b787912a51f.png

e7d2d26a5f4447d586cd403cf299f92b.png

4.1 HTML基本结构标签

1、第一个HTML网页:每个网页都会有一个基本的标签结构(也称骨架结构),页面的内容也是在这些基本标签上书写。HTML页面也称为HTML文档。

119944ea852a4452ac7d64daebb84048.png

新建一个.txt格式文档,添加以下内容,然后更改后缀名称为.html文件

ed9ce71b415f45a28c2f09146d5c620b.png

双击.html文件后,出来以下页面

49072e7daf214080a23f2d107b6cf8c1.png

5.1HTML网页开发环境介绍

VScode以及IDEA两者皆可

5.2 HTML一些常用的标签设置

1、换行标签

<br /> (单标签)

2、段落标签

<p></p>

3、特殊标签

参考于B站pink老师的网页开发讲解,欢迎批评指教,还在不断学习中。。。。

  • 10
    点赞
  • 10
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值