html超基础讲解-优快云博客

本文链接：https://blog.youkuaiyun.com/2301_80217770/article/details/143895815

html基础

声明：学习视频来自B站UP主泷羽sec,如涉及侵权马上删除文章。本文只涉及学习内容,其他的都与本人无关,切莫逾越法律红线,否则后果自负泷羽sec的个人空间-泷羽sec个人主页-哔哩哔哩视频微信公众号：泷羽sec

一、html简介

什么是HTML？

HTML 是用来描述网页的一种语言。
HTML 指的是超文本标记语言：HyperText Markup Language
HTML_不是一种编程语言，而是一种标记语言标记语言是一套标记标签（markup tag）
HTML 使用标记标签来描述网页
HTML 文档包含了HTML 标签及文本内容，HTML文档也叫做web 页面

二、HTML 基本结构概述

HTML（超文本标记语言）网页有一个标准的结构，主要由以下几个关键部分组成：文档类型声明、HTML 根元素、头部（head）和主体（body）部分。这种结构为浏览器解析和显示网页内容提供了清晰的框架。

1 .文档类型声明（DOCTYPE）

<!DOCTYPE html>:这是html5的文档类型声明。他必须位于HTML文件的第一行，作用是告知浏览器文档所遵循的html版本，以便浏览器能够正确的渲染页面。对于html5来说，这个声明简洁明了，统一了html文档类型的标准，取代了以往复杂的 DTD（文档类型定义）声明。

2 .HTML 根元素（<html>）

<html>：作为，HTML文档的根标签，所有其他的 HTML 元素都被包含在它里面。它有开始标签<html>和结束标签</html>。这个标签界定了整个 HTML 文档的范围，浏览器会识别其中的内容为有效的 HTML 代码。

3. 头部部分（<head>）

**<head>：**此部分包食了关于网页的元数据，这些信息对浏览器的渲染和网页的展示特性有重要作用，但不会直接在网页的可见区域显示。
**<title>：**用于定义网页的标题，标题内容会显示在浏览器的标题栏或标签页上。例如：<title>精彩网页世界</title>。这是用户识别网页的重要标识，同时也对搜索引擎优化（SEO）有一定影响。
**<meta>:**用于提供多种类型的元数据。常见的有字符编码设置，如<meta charset=“UTF-8”>,确保浏览器能够正确解析和显示网页中的各种字符，支持多种语言的字符集。另外。还可用于设置页面描述、关键词等信息，如<meta name=“description” content=“这是一个充满趣味的网页”>用于向搜索引擎描述网页内容，<meta name=“keywords” contebt=“网页，趣味，示例”>可设置关键词帮助搜索引擎检索内容。
**<link>:**主要用于链接外部资源，最常见的是链接CSS样式表。例如：<link rel=“stylesheet” href=“1.css”>,其中rel="stylesheet"表明这是一个样式表链接，href属性指定了CSS文件的路径。通过这种方式，可以实现网页内容与样式的分离，放拜年网页设计和维护。
**<script>**可用于在html文档中嵌入JavaScript代码或引用外部的JavaScript文件。如果是嵌入代码，可以这样写：<script>alert(‘欢迎’);</script>。若引用外部文件，则是<script src=“script.js”></script>,这里src属性指定了javaScript文件的路径。脚本可以为网页添加交互功能。

4. 主体部分（<body>）

**<body>：**包含了所有在网页中可见的内容，如文本、图像、超链接、表格、表单等各种网页元素。
**文本元素：**可以使用段落标签<P2来组织文本，如<p>这是一段普通的文本内容。</p>。标题标签<h1>-<h6>可用于创建不同级别的标题，<h1>表示最高级别的标题，重要性依次递减，例如

<h1>主标题</h1>
<h2>副标题</h2>

**图像元素：**使用<img>标签来插入图像，如<img src=“image.jpg” alt=“图像描述”>，src属性指定图像的来源路径，alt属性在图像中无法正常显示时提供替换文本，对于访问性和SEO都很重要。
**超链接元素：**通过<a>标签来创建超链接，如<a href =“链接”>点击这里</a>,herf属性定义来链接的目标URL，标签那的文本是用户看到的可点击的链接内容。
**表格元素：**使用<table>标签创建表格，<tr>表示表格行，<td>表示表格单元格
**表达元素：**用于收集用户输入信息，例如<form>标签包含表单内容，<input>标签用于创建各种输入框，如<input type=“text” placeholder=“请输入用户名”>用于创建文本输入框，type属性指定输入类型，placeholder属性显示提示文本。