DAY ONE_html如何快速生成初始代码-CSDN博客

本文链接：https://blog.csdn.net/m0_55006160/article/details/125381554

本文介绍了HTML的基本结构、标签快捷键、语义化标签的使用，以及标题、段落、文本修饰、图片标签等核心内容。通过示例展示了如何创建HTML初始代码、添加注释、插入图片，并强调了相对和绝对路径的区别。此外，还讨论了HTML文本修饰如加粗、斜体、下标和上标等。

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

快捷键

HTML基本结构与属性

标签

创建标签的快捷键：单词+tab-><单词>

快捷键

HTML基本结构与属性

创建标签的快捷键：单词+tab-><单词>

标签可以嵌套

http://www.html5star.com/manual/html5label-meaning/

标签的属性： <标签属性="值"></标签>

<header title="a"></header>
<footer title="b"></footer>

HTML初始代码

！+tab键：快速创建html初始代码

<!DOCTYPE html><!-- 文档声明 -->
<html lang="zh-CN"><!-- 最外层标签,en英文网站、zh-CN中文网站 -->
	<head>
		<meta charset="utf-8"><!-- 原信息 -->
		<title>2022</title><!-- 设置网页的标题 -->
	</head>
	<body><!-- 网页内容 -->
		6-20
	</body>
</html>

HTML注释

ctrl+/

shift+alt+a

<!-- abc -->

HTML 语义化（根据结构选择标签）

HTML标题与段落

标题（双标签）：<h1></h1>...<h6></h6>

h1标题等级最高（只能出现一次）

段落：<p></p>

		<h1>简介</h1>
		<h2>基本信息</h2>
		<p>你好</p>

HTML文本修饰标签

强调：<strong></strong>（加粗，强调性更强）、<em></em>（斜体）

下标：<sub></sub>

上标：<sup></sup>

删除文本：<del></del>、插入文本：<ins></ins>（两者配合使用）

		<p>《怪奇物语》<em>（Stranger Things）</em>，是美国<strong>NETFLIX</strong>公司制作一部的主打科幻惊悚的美剧。
		该剧由年轻的类型片电影制作人Matt Duffer和Russ Duffer编剧并执导，由Shawn Levy担任执行制作人， 
		<ins>薇诺娜·瑞德，大卫·哈伯，菲恩·伍法德 ，米莉·波比·布朗</ins>等人主演。</p>

HTML图片标签与图片属性

图片标签

img:

src+图片地址、alt+显示文字、title+提示信息、width/height+大小

		<img src="https://tse4-mm.cn.bing.net/th/id/OIP-C.
		qYXiHgrFqzXrU5Mf3B5uTQHaFj?
		pid=ImgDet&rs=1" alt="strange" title="EI" width="300" height="300">