Html基础

 一，基础

HTML 标题（Heading）是通过<h1> - <h6> 标签来定义的。

<h1>这是一级标题</h1>

<h2>这是二级标题</h2>

<h3>这是三级标题</h3>...

 HTML 段落是通过标签 <p> 来定义的

<p>这是一个段落。</p>

<p>这是另外一个段落。</p>

 HTML 链接是通过标签 <a> 来定义的。

<a href="网址">这是一个链接</a>

 HTML 图像是通过标签 <img> 来定义的.

<img src="/images/logo.png" width="258" height="39" />

<hr> 标签在 HTML 页面中创建水平线

 ——————————————————————

 注释

<!-- 这是一个注释 -->

 分行

浏览器会自动地在段落的前后添加空行。（</p> 是块级元素）

不产生一个新段落的情况下进行换行（新行），请使用 <br> 标签

 二，属性

 在某些个别的情况下，比如属性值本身就含有双引号，那么您必须使用单引号，例如：name='John "ShotGun" Nelson'

 target（属性）

常见的值包括 _blank（在新标签或窗口中打开链接）和 _self（在当前标签或窗口中打开链接）。

<a href="https://www.runoob.com/" target="_blank" rel="noopener noreferrer">访问菜鸟教程!</a>

指定了链接的目标网址是https://www.runoob.com/。`target="_blank"`表示在用户点击链接时在新标签页中打开链接，`rel="noopener noreferrer"是一种安全性设置，确保在新标签页中打开的网页无法通过window.opener`访问打开它的父页面。

 id（属性）

id 属性可用于创建一个 HTML 文档书签。书签不会以任何特殊方式显示，即在 HTML 页面中是不显示的，所以对于读者来说是隐藏的。

三，文本格式化

四，链接 

链接语法

 文本链接

<a href="https://www.example.com">访问示例网站</a>

 图像链接

<a href="https://www.example.com"> <img src="example.jpg" alt="示例图片"> </a>

锚点链接 

除了链接到其他网页外，您还可以在同一页面内创建内部链接，这称为锚点链接。要创建锚点链接，需要在目标位置使用 <a> 元素定义一个标记，并使用#符号引用该标记

 <a href="#section2">跳转到第二部分</a> <!-- 在页面中的某个位置 --> <a name="section2"></a>

下载链接 

如果您希望链接用于下载文件而不是导航到另一个网页，可以使用 download 属性

<a href="document.pdf" download>下载文档</a>

 五，头部元素