HTML

最新推荐文章于 2024-09-22 10:46:41 发布

wah369

最新推荐文章于 2024-09-22 10:46:41 发布

阅读量99

点赞数

文章标签： html

本文链接：https://blog.csdn.net/wah369/article/details/111315618

版权

本文介绍了HTML，一种超文本标记语言，用于创建网页。HTML文件是文本文件，包含标签来定义页面结构。基础元素如<img>用于插入图片，属性如href指定链接地址。文档结构包括<!DOCTYPE html>声明、<html>根元素、<head>包含元信息和<title>定义页面标题，以及<body>容纳页面内容。了解HTML的基础知识对于前端开发至关重要。

摘要由CSDN通过智能技术生成

一：HTML称为超文本标记语言，是一种标识性的语言。

HTML学习网站：https://developer.mozilla.org/zh-CN/docs/Web/HTML

HTML基础知识：https://developer.mozilla.org/zh-CN/docs/Learn/HTML/Introduction_to_HTML/Getting_started

HTML是用来制作网页的标记语言

HTML是Hypertext Markup Language的英文缩写, 即超文本标记语言
HTML语言是一种标记语言,不需要编译,直接由浏览器执行
HTML文件是一个文本文件,包含了一些HTML元素,标签等.
HTML文件必须使用html或htm为文件名后缀
HTML是大小写不敏感的,HTML与html是一样的

HTML文档格式：

1：

2：不是所有元素都拥有开始标签，内容，结束标签。一些元素只有一个标签，通常用来在此元素所在位置插入/嵌入一些东西。

例如：元素<img>是用来在元素<img>所在位置插入一张指定的图片。例子如下：

<img src="https://roy-tian.github.io/learning-area/extras/getting-started-web/beginner-html-site/images/firefox-icon.png">

3：属性：

&amp;lt;p class="editor-note">我的猫咪脾气爆&amp;lt;/p>

一个属性必须包含如下内容：

一个空格，在属性和元素名称之间。(如果已经有一个或多个属性，就与前一个属性之间有一个空格。)
属性名称，后面跟着一个等于号。
一个属性值，由一对引号“ ”引起来。

href: 这个属性声明超链接的web地址，当这个链接被点击浏览器会跳转至href声明的web地址。例如：href="https://www.mozilla.org/"。
title: 标题title属性为超链接声明额外的信息，比如你将链接至的那个页面
target: 目标target属性用于指定链接如何呈现出来。例如，target="_blank"将在新标签页中显示链接。如果你希望在当前标签页显示链接，忽略这个属性即可。

4：

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>我的测试站点</title>
  </head>
  <body>
    <p>这是我的页面</p>
  </body>
</html>

<!DOCTYPE html>: 声明文档类型.

<html></html>: <html>元素。这个元素包裹了整个完整的页面，是一个根元素。
<head></head>: <head>元素. 这个元素是一个容器，它包含了所有你想包含在HTML页面中但不想在HTML页面中显示的内容。这些内容包括你想在搜索结果中出现的关键字和页面描述，CSS样式，字符集声明等等。以后的章节能学到更多关于<head>元素的内容。
<meta charset="utf-8">: 这个元素设置文档使用utf-8字符集编码，utf-8字符集包含了人类大部分的文字。基本上他能识别你放上去的所有文本内容。毫无疑问要使用它，并且它能在以后避免很多其他问题。
<title></title>: 设置页面标题，出现在浏览器标签上，当你标记/收藏页面时它可用来描述页面。
<body></body>: <body>元素。包含了你访问页面时所有显示在页面上的内容，文本，图片，音频，游戏等等。

这里写图片描述