【JavaWEB-前端基础】HTML简介

3 篇文章 0 订阅
2 篇文章 0 订阅

1、名词解释

HTML代表Hyper Text Markup Language,直译为『超文本标记语言』。是为网页创建和设计的标准语言。

2、什么是超文本?

尽管HTML文件从本质上来说是文本文件,但与普通文本文件不同的是,HTML具有特殊的标签能够引入其他的多媒体资源如其他网页、图片、音频、视频等。这意味着,通过HTML,网页内容可以超越单纯的文本,实现丰富的交互和展示效果,从而称之为“超文本”。

在这里插入图片描述

3、标记语言的特性

HTML作为一种标记语言,并不是像Java或Python这样的编程语言。它主要由一系列的“标签”构成,这些标签为页面内容提供结构和样式。

例如,一个段落可以这样表示:

<p>HTML是前端技术中非常流行的一种语言。</p>

在上面的代码中,<p>是开始标签,</p>是结束标签,它们共同定义了一个段落。

有些标签还可以包含属性,用来提供额外的信息或功能,如:

<a href="http://www.example.com">点击这里</a>

在这里,href是一个属性,它告诉浏览器这个链接要跳转到的地址。

有些HTML元素不需要内容或结束标签,这些被称为“自闭合”或“单标签”,例如:

<input type="text" name="username" />

4、一个简单的HTML示例

HelloWord

5、HTML文件的基本结构

一个基本的HTML文档结构大致如下:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>文档标题</title>
</head>
<body>
    <!-- 页面的主体内容 -->
</body>
</html>

HTML文档通常具有以下部分:

① 文档类型声明

这告诉浏览器当前文档使用哪种HTML版本。现在,主流的版本是HTML5:

<!DOCTYPE html>

② 根标签

<html>标签是整个文档的根标签,其中包含了所有其他HTML标签。

③ 文档头部

<head>标签定义了文档的头部,它包含了文档的元信息,如字符集、标题、引用的CSS和JavaScript文件等。

④ 文档主体

<body>标签定义了网页的可见内容。

⑤ 注释

在HTML中,可以使用以下方式添加注释:

<!-- 这是一个注释 -->

注释的内容在浏览器中不可见,但它可以帮助开发人员理解和维护代码。

6、HTML的基本语法规则

  1. 一个HTML文档只能有一个根标签。
  2. 所有的标签,无论是双标签还是单标签,都必须正确地关闭。
  3. 标签可以嵌套,但不能交叉嵌套。
  4. 标签的属性必须有值,而且值应当被引号包围。
  5. 虽然标签名不区分大小写,但为了代码的可读性和一致性,建议统一使用小写。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值