HTML01-html简介和基本的几个标签

本文介绍了HTML文档类型声明、语言属性以及浏览器内核的基础知识,强调了学习Web标准的重要性,特别是结构、表现和行为的分离。内容涵盖HTML标签的关系、分类及基本使用,如body标签的作用,并提及字符集与浏览器显示页面的关联。通过实例展示了HTML标签如何在浏览器中呈现内容。
摘要由CSDN通过智能技术生成
<!DOCTYPE html>
<!--<!DOCTYPE html>的含义是文档类型的声明标签,告诉浏览器HTML版本显示网页-->


<!--<html lang = “zh-CN”> 识别为中文-->

<!--lang:是language的缩写  en = English-->
<!--HTML是一种标记语言-->
<!--常用的浏览器:
IE、Firefox、Chrome、Safari、Opera五大浏览器国际通用-->

<!--浏览器的内核:
内核:渲染引擎;-->


<!--为什么学习web标准
答:浏览器不同,他显示页面或者排版有些不一样。w3c(万维网联盟)-->

<!--web标准的构成:
结构(HTML)、表现(CSS)、行为(JavaScript)-->

<!--<br />换行标签->单标签-->
<!--<hr/>表示分割线的意思,但是在实际开发中运用比较少-->
<!--标签的两种关系:-->
<!--
①包含关系:如下head标签里面包含title标签
<head>
<title></title>
</head>
②并列关系 如下:head标签和body标签呈现一种并列关系。
<head></head>
<body></body>
-->
<!--标签的分类:单标签和多标签-->
<!--单标签:例如 <input/> <br> <hr>等等-->
<html lang="en">
<head>
    <meta charset="UTF-8">
    <!--charset字符集的含义:字符集的作用就是存储和识别各种文字。文字乱码的情况大多数情况下就是没有设置正确的字符集-->
    <title>body标签的使用</title>
</head>
<body>
写代码是一件非常快乐的事情。
</body>
</html>

以上的代码运行效果如下👇👇:
在这里插入图片描述
如图效果:html标签识别了body标签里面的内容,并且在浏览器中显示了出来。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值