HTML知识点汇总

最新推荐文章于 2024-05-23 13:39:19 发布

不要情绪

最新推荐文章于 2024-05-23 13:39:19 发布

阅读量277

点赞数 2

分类专栏： HTML 文章标签： html

本文链接：https://blog.csdn.net/weixin_45492475/article/details/104303393

版权

一、网页的基本组成

HTML：搭建结构，骨架，相当于一座房子的地基
CSS：样式，美化，相当于为房子装修
JavaScript(JS)：交互，动态效果，相当于房子内部的设备

二、HTML

他是一种超文本标记语言：网页文件本身是一种文本文件（除了文字暂无其他），只有通过特定的标记描述，那些普通文本才能在浏览器中正常的显示。在页面中如果遇到图片、音视频的时候如何正常在浏览器中显示，需要用超文本（标签）进行引入才可以正常显示

三、HTML基本结构

既然HTML在网页中起到一个最基本的作用，那么他的基本结构是什么呢？

<!DOCTYPE html>
<html>
  <head  lang = 'en'>
    <meta charset = 'utf-8'>
    <meta name = 'keywords' content = '关键字'>
    <meta name = 'descript' content = '描述网页的话'>
    <title>标题</title>
  </head>
  <body>
  </body>
</html>

1、文档声明

作用：因为代码在运行过程中，会由上带下的依次执行。因此会先解析这句话，然后按照相应的类型规范去解析网页的内容

2、HTML元素

他是网站的根元素，告知浏览器本身是一个HTML文件

在HTML的根元素中，里面还有一个属性lang = ‘en’，代表的是网站的语言是英文。我们在使用谷歌浏览器时会出现是否翻译此页面，如果加上lang = 'en ',会跳出是否翻译，如果删除，则不会，而我们一般写的页面都是中文的，因此不加

3、head元素

他是HTML页面的头部，一般网页标题、关键字、网页的描述、引入外部的CSS文件等都是写在这个里面。他本身还自带一个隐藏的功能：css属性：display：none

3.1 meta 标签（单标签）

关键字、描述、网页的编码格式·都是使用这个标签，并且这个标签是一个单标签/自闭合标签

<meta charset = 'utf-8'/>  //这句话如果不写，可能会造成网页乱码
<meta name = 'keywords' content

最低0.47元/天解锁文章

不要情绪

关注

2
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
HTML知识点汇总

一、网页的基本组成HTML：搭建结构，骨架，相当于一座房子的地基CSS：样式，美化，相当于为房子装修JavaScript(JS)：交互，动态效果，相当于房子内部的设备二、HTML他是一种超文本标记语言：网页文件本身是一种文本文件（除了文字暂无其他），只有通过特定的标记描述，那些普通文本才能在浏览器中正常的显示。在页面中如果遇到图片、音视频的时候如何正常在浏览器中显示，需要...
复制链接

扫一扫

专栏目录