介绍HTML

最新推荐文章于 2024-07-19 15:32:49 发布

渔夫和鱼

最新推荐文章于 2024-07-19 15:32:49 发布

阅读量316

点赞数 6

分类专栏： HTML, CSS 文章标签： html 前端

本文链接：https://blog.csdn.net/yumiao0220/article/details/136694441

版权

HTML, CSS 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

HTML （Hyper Text Markup Language）

超文本标记语言

超文本：跟普通文本相比，内容更丰富
标记：文本要变成超文本，就需要用到各种标记符号
每一个标记的写法、读音、使用规则构成标记语言

标记语言

HTML是用来做什么的？

HTML标记语言是一套标记标签
是用来描述网页的一种语言
使用标记标签来描述网页
HTML文档包含了HTML标签及文本内容

<!DOCTYPE html> => 声明为h5文档
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- 注释 -->
    <span>html的注释只有这一种</span>
</body>
</html>

注释

HTML注释：

Alt + Shift + A

在HTML中，注释用于在代码中添加注解，不会在页面上显示。HTML注释的写法如下：

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

CSS注释：

Alt + Shift + A

在CSS中，注释同样用于添加注解，但不会影响样式的渲染。CSS注释的写法如下：

/* 这是一个CSS注释 */

JavaScript注释：

在JavaScript中，有单行注释和多行注释两种形式，用于对代码进行解释说明。

单行注释：
- Ctrl + /

// 这是一个单行注释

多行注释：
- Alt + Shift + A

/*
这是一个
多行注释
*/

HTML 元素

<p> 这是一个段落 </p>
<a href="default.html"> 这是一个链接 </a>
<br> <br/>

HTML 元素以开始标签起始，以结束标签终止
元素内容在 开始标签与结束标签之间
HTML元素具有属性 eg. href

空元素：

HTML还有一类称为空元素（empty element）的标签。空元素是没有内容的标签，它们通常用于插入图像、换行符等单一元素。

以下是一些常见的空元素标签：

 ：表示换行符，在文本中插入一个换行。
<img>：用于插入图像。它有一些属性，如src（指定图像的URL）、alt（指定图像的替代文本）等。
<input>：用于创建输入字段，如文本框、复选框、单选按钮等。它也有多个属性，用于指定输入类型、默认值等。
<link>：用于在HTML文档中引入外部资源，如CSS样式表和JavaScript文件。
<meta>：用于指定关于网页的元数据，如字符编码、描述等。
<hr>：表示水平分割线，用于在内容中插入水平线。

这些标签都是空元素，它们不需要闭合标签，因为它们没有内容。

HTML元素和HTML标签

"HTML 标签" 和 "HTML 元素" 通常都是描述同样的意思.
但是严格来讲, 一个 HTML 元素包含了开始标签与结束标签
以元素为例:

<p>这是第一个段落。</p>

这个  元素定义了 HTML 文档中的一个段落
这个元素拥有一个开始标签 以及一个结束标签 
元素内容是: 这是第一个段落