推荐这个菜鸟教程学习htmlHTML 编辑器 | 菜鸟教程
html简介
第一行先写个声明 有助于浏览器正确显示网页<!DOCTYPE html>
<head>里面放<meta charset="utf-8"> 网页编码格式。还有<title>
<body>里面放网页内容
整体由<html>标签包裹
html编辑器
vscode
VS Code 可以安装 Live Preview 插件来实时预览编写的代码：
html基础
标题：<h1>-<h6>
段落：<p>
链接： <a href="https://www.runoob.com">这是一个链接</a>
图像：<img src="/images/logo.png" width="258" height="39" />图像的名称和尺寸是以属性的形式提供的
html元素
<br>换行
html属性
属性总是以 name="value" 的形式写在标签内，name 是属性的名称，value 是属性的值。
HTML 链接由 <a> 标签定义。链接的地址在 href 属性中指定
属性值应该始终被包括在引号内。
双引号是最常用的，不过使用单引号也没有问题。
在某些个别的情况下，比如属性值本身就含有双引号，那么您必须使用单引号
html标题
水平线 <hr>
注释：<!-- 这是一个注释 -->
html输出
对于 HTML，您无法通过在 HTML 代码中添加额外的空格或换行来改变输出的效果。
当显示页面时，浏览器会移除源代码中多余的空格和空行。所有连续的空格或空行都会被算作一个空格。需要注意的是，HTML 代码中的所有连续的空行（换行）也被显示为一个空格。
html格式化标签
<b>这个文本是加粗的</b>
<strong>这个文本是加粗的</strong>
<big>这个文本字体放大</big>
<em>这个文本是斜体的</em>
<i>这个文本是斜体的</i>
<small>这个文本是缩小的</small>
这个文本包含
<sub>下标</sub>
这个文本包含
<sup>上标</sup>
预格式文本：输出和你写的一样的格式
<pre>
此例演示如何使用 pre 标签
对空行和 空格
进行控制
</pre>
写地址
<address>
Written by <a href="mailto:webmaster@example.com">Jon Doe</a>.<br>
Visit us at:<br>
Example.com<br>
Box 564, Disneyland<br>
USA
</address>
改变文字方向 <p><bdo dir="rtl">该段落文字从右到左显示。</bdo></p>
<blockquote>标签，将大段文字作为独立的块。<q>定义短的引用“”
删除字效果和插入文本：
<p>My favorite color is <del>blue</del> <ins>red</ins>!</p>
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
