HTML网页基础

ksrxy

已于 2023-06-30 18:09:08 修改

阅读量41

点赞数

分类专栏： HTML学习笔记文章标签： html 前端服务器

于 2023-06-30 16:05:44 首次发布

本文链接：https://blog.csdn.net/ksrxy/article/details/131477480

版权

HTML学习笔记专栏收录该内容

3 篇文章 0 订阅

订阅专栏

HTML基础结构如下

<!DOCTYPE html>（定义了此文档是HTML5文档）

<html>

<head>

</head>

<body>

<p>下一个段落内容</p>

</body>

</html>

所有 HTML 文档都必须以文档类型声明：<!DOCTYPE html> 开头。

HTML 文档本身以 <html>开头和</html>结尾。

HTML 文档的可见部分位于 <body>和</body>之间

细节

<！DOCTYPE>文档类型声明

声明表示文档类型，并帮助浏览器正确显示网页。<!DOCTYPE>

它只能出现在页面顶部一次（在任何 HTML 标记之前）。

声明不区分大小写。<!DOCTYPE>

HTML5 的声明

<!DOCTYPE html>

网页标题

HTML 标题是使用 to 标记定义的。<h1><h6>

标题等级递减，从<h1>到<h6>。

<!DOCTYPE html>
<html>
<body>

<h1>heading 1</h1>
<h2>heading 2</h2>
<h3>heading 3</h3>
<h4>heading 4</h4>
<h5>heading 5</h5>
<h6>heading 6</h6>
<h1> 1 </h1>
<h2> 2 </h2>

</body>
</html>

网页段落

HTML 段落使用标记：<p>

网页链接

HTML 链接使用标记：<a>

<a href="https://mp.vsdn.net">这是个链接</a>

链接的目标在属性中指定：href。

网页图片

HTML 图像是使用标记定义的。<img>

源文件（）、可选文件（）作为属性提供：src alt width height

<img src="smile.jpg" alt="baidu.com" width="100" height="144">

宽100 高144 的，来源于地址<baidu.com>的<smile.jpg>图片文件的图片。

嵌套的 HTML 元素

HTML 元素可以嵌套（这意味着元素可以包含其他元素）。

元素是由标签开头，标签内容和标签结尾所组成的

所有 HTML 文档都由嵌套的 HTML 元素组成。

下面的示例包含四个 HTML 元素：<html>，<body>，<h1>和<p>

<!DOCTYPE html>
<html>
<body>

<h1>My First Heading</h1>
<p>My first paragraph.</p>

</body>
</html>

空的 HTML 元素

没有内容的 HTML 元素称为空元素。

标记定义换行符，并且是一个没有结束标记的空元素：<br>

<p>这是一个<br>空的元素，自带换行符.</p>

这是一个
空的元素，自带换行符.

HTML 不区分大小写

HTML 标记不区分大小写：<P>表示与<p>相同。

HTML 标准并不要求一定小写标签，但建议在 HTML 中使用小写，对于更严格的文档类型（如 XHTML），要求小写。