外链论坛

 找回密码
 立即注册
搜索
查看: 92|回复: 4

简单地认识一下 HTML

[复制链接]

2990

主题

220

回帖

9909万

积分

论坛元老

Rank: 8Rank: 8

积分
99099172
发表于 2024-6-30 01:52:08 | 显示全部楼层 |阅读模式

简单复盘一下 HTML。

1、HTML

什么是 HTML?HTML 是 Hyper Text Markup Language 的简写,译成中文是「超文本标记语言」。

顾名思义,超文本,便是不止于文本,视频、音频、照片等等都能够,说到底便是一种特殊的文档。HTML 构建了一个网页的基本骨架,TA 是用来描述网页的一种语言。

2、HTML 有多简单?

HTML 简单到只必须一个记事本就能编写。新建一个 msunh.txt 文档,输入「我是玖柒后」保留,将扩展名改为 .html ,浏览器打开就能直接看到左侧内容,F12 进入 Elements 看到如右侧内容:

红框内的 html、head、body 标签都是浏览器自动加上的,右键查看源代码编辑 msunh.html 文档,你会发掘除了「我是玖柒后」这五个字之外并其他内容。

当然,这儿是不意见用记事本进行研发的,这是为了你的生命安全思虑(人生苦短)。意见运用 Visual Studio Code,舒服的一批。

3、HTML 的基本构成

一个简单的网页构成如下:

<!Doctype html> <html> <head> <title>我是玖柒后</title> </head> <body> 「我是玖柒后」 </body> </html>

4、各样各样的零件

上面说的 html、head、title、body 被叫作之为 HTML 元素,便是各样各样的零件、器官。

除了 <br/> 、<hr/>、<img/>、<input/> 等少部分自闭合标签外,元素的起始标签和结束标签必要成对显现,例如:<html></html>。

这些元素能够互相嵌套,这个“人”的所有部位都是嵌套而成,想要长得好,先把架子搭好。

关于 HTML 更加多的介绍,能够去看一下网上的文档。这儿大众介绍一个网站:MDN。不吹不擂,看了你就晓得了。

MDN 传送门:

5、head 标签

<head> 标签被看做是网页的头。

TA 里面一般会有 title、meta、style、link、script 这几种标签,title 比较简单,便是在窗口处表示网页的名叫作

meta 是比较要紧的一个辅助标签,有点类似于个人档案,正常浏览咱们是不会在网页中看到的,一块认识一下 meta 标签平常形式:

// 定义页面的编码方式,国内一般都是用 UTF-8 <meta charset="UTF-8"> // 向搜索引擎说明网页的重要<meta name="keywords" content="我是玖柒后"> // 向搜索引擎说明站点的重点内容 <meta name="description" content="我是玖柒后"> // 暗示页面的可见区域 <meta name="viewport" content=




上一篇:html的正式名叫作是
下一篇:HTML是什么意思?
回复

使用道具 举报

3056

主题

3万

回帖

9913万

积分

论坛元老

Rank: 8Rank: 8

积分
99138998
发表于 2024-9-29 18:49:16 | 显示全部楼层
我赞同你的看法,你的智慧让人佩服,谢谢分享。
回复

使用道具 举报

3056

主题

3万

回帖

9913万

积分

论坛元老

Rank: 8Rank: 8

积分
99138998
发表于 2024-10-13 07:21:08 | 显示全部楼层
对于这个问题,我有不同的看法...
回复

使用道具 举报

3037

主题

3万

回帖

9910万

积分

论坛元老

Rank: 8Rank: 8

积分
99109078
发表于 2024-10-15 17:41:11 | 显示全部楼层
楼主果然英明!不得不赞美你一下!
回复

使用道具 举报

3037

主题

3万

回帖

9910万

积分

论坛元老

Rank: 8Rank: 8

积分
99109078
发表于 3 小时前 | 显示全部楼层
论坛的成果是显著的,但我们不能因为成绩而沾沾自喜。
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

站点统计|Archiver|手机版|小黑屋|外链论坛 ( 非经营性网站 )|网站地图

GMT+8, 2024-11-18 09:21 , Processed in 0.116930 second(s), 21 queries .

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.