前端学习笔记之02html

html基础

1.标题

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

<h1>这是一个标题</h1>
<h2>这是一个标题</h2>
<h3>这是一个标题</h3>

2.段落

HTML 段落是通过标签

来定义的。

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

3.链接

<a href="https://www.runoob.com">这是一个链接</a>

4.图像

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

HTML 元素

HTML 元素语法

• HTML 元素以开始标签起始
• HTML 元素以结束标签终止
• 元素的内容是开始标签与结束标签之间的内容
• 某些 HTML 元素具有空内容（empty content）
• 空元素在开始标签中进行关闭（以开始标签的结束而结束）
• 大多数 HTML 元素可拥有属性

HTML 属性

• HTML 元素可以设置属性

• 属性可以在元素中添加附加信息

• 属性一般描述于开始标签

• 属性总是以名称/值对的形式出现，比如：name=“value”。

例如：HTML 链接由 标签定义。链接的地址在 href 属性中指定：

<a href="http://www.runoob.com">这是一个链接</a>

文本格式化

HTML 使用标签 (“bold”) 与 (“italic”) 对输出的文本进行格式, 如：粗体 or 斜体

这些HTML标签被称为格式化标签。然而，这些标签的含义是不同的：

与 定义粗体或斜体文本。

或者 意味着你要呈现的文本是重要的，所以要突出显示。现今所有主要浏览器都能渲染各种效果的字体。不过，未来浏览器可能会支持更好的渲染效果。

一些格式化标签：

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-kMVZAZbZ-1618559137043)(D:\ruanjian\Typora\前端学习\image-20210416153403448.png)]

HTML 链接

HTML 使用超级链接与网络上的另一个文档相连。几乎可以在所有的网页中找到链接。点击链接可以从一张页面跳转到另一张页面。

HTML使用标签 来设置超文本链接。

超链接可以是一个字，一个词，或者一组词，也可以是一幅图像，可以点击这些内容来跳转到新的文档或者当前文档中的某个部分。

当把鼠标指针移动到网页中的某个链接上时，箭头会变为一只小手。

在标签 中使用了href属性来描述链接的地址。

默认情况下，链接将以以下形式出现在浏览器中：

• 一个未访问过的链接显示为蓝色字体并带有下划线。

• 访问过的链接显示为紫色并带有下划线。

• 点击链接时，链接显示为红色并带有下划线。

  HTML 链接- id 属性

  <a id="tips">有用的提示部分</a>
  <a href="#tips">访问有用的提示部分</a>
  <a href="https://www.runoob.com/html/html-links.html#tips">
  访问有用的提示部分</a>