Html学习笔记（一）

最新推荐文章于 2024-06-12 08:14:53 发布

波波不加冰

最新推荐文章于 2024-06-12 08:14:53 发布

阅读量324

点赞数 4

文章标签： html 学习笔记

本文链接：https://blog.csdn.net/W429006_WU/article/details/138194373

版权

html5组成

声明标签 <!DOCTYPE html>
- 告诉浏览器当前文档是HTML5类型的文件
最外层标签 <html></html>
- 包裹了整个页面的所有其他标签，可以设置语言等信息
头部标签 <head></head>
- 用于设置网页的元信息，包括标题、描述、关键字、编码、样式表、脚本等

主体标签 <body></body>

页面主体内容
如下所示：

<!DOCTYPE html>  <!--告诉浏览器当前文档是HTML5类型的文件-->
<html lang="zh-CN">  <!--设置语言为中文-->
    <head>
        <!-- 主要用于设置网页的元信息，包括标题、描述、关键字、编码、样式表、脚本等。-->
        <meta charset="UTF-8">  <!-- 设置字符编码为UTF-8 -->
        <!-- 确保页面在不同设备上正确地缩放和显示，提供良好的响应式设计支持 -->
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <!-- 关键字元标签帮助搜索引擎理解页面内容的相关关键词 -->
        <meta name="keywords" content="文档, 演示, HTML5, CSS, JavaScript">
        <title>在线文档演示</title>  <!-- 设置页面标题为“在线文档演示” -->
        <link rel="stylesheet" href="styles.css">  <!-- 引入外部样式表styles.css -->
        <script src="script.js"></script>  <!-- 引入外部JavaScript文件script.js -->
    </head>
    <body>
        <!-- 页面主体内容 -->
    </body>
</html>

HTML元素

HTML 文档由相互嵌套的 HTML 元素构成。

HTML元素分为三部分

开始标签: <p>
元素的内容: helloworld

结束标签:</p>

  <div>  <!-- 嵌套的 HTML 元素 -->
	  <p>  <!-- 开始标签 -->
	  	helloworld  <!-- 元素的内容 -->
	  </p> <!-- 结束标签 -->
  </div>

一些特殊html元素只有开始标签：
```
<br />
<hr />
```

HTML属性

属性是 HTML 元素提供的附加信息，在HTML元素的开始标签中添加属性
属性以名称/值对的形式出现，比如：id="card"、name='value'等
```
<div id="card" name='value'></div>
```

HTML常用标签及作用

定义 HTML 标题：<h1> - <h6>
定义水平线：<hr>
定义注释：
定义一个段落：<p>
换行：<br>

一些关于文本格式化的标签及作用

定义粗体文本：<b>
定义着重文字（和斜体字类似）：<em>
定义斜体字：<i>
定义小号字：<small>
定义加重语气（和粗体文本类似）：<strong>
定义下标字：<sub>
定义上标字：<sup>
定义插入字（下划线）：<ins>
定义删除字：<del>

<p><b>HTML</b>，即<em>超文本标记语言</em>，是构建和展示<small>万维网页面</small>的标准语言。
它定义了网页内容的结构和布局，通过一系列<i>标签</i>来标识文本、图像、链接等元素。
HTML文档由浏览器解析，用户因此能够看到格式化和<ins>链接</ins>的内容。</p>