HTML基本标签_html中那个标签是缩小固定在右下角-CSDN博客

本文链接：https://blog.csdn.net/qq_38216661/article/details/81638073

HTML基本标签

转到td内容位置
 转到a标签与锚点

1. 声明标签

声明位于文档中的最前面的位置，处于 <html> 标签之前。
声明不是一个 HTML 标签；它是用来告知 Web 浏览器页面使用了哪种 HTML 版本。
总是给您的 HTML 文档添加声明，确保浏览器能够预先知道文档类型。
html4版本的
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
html5版本的
<!DOCTYPE html>

2.<html>标签

<html> 标签告知浏览器这是一个 HTML 文档。
<html> 标签是 HTML 文档中最外层的元素。
<html> 标签是所有其他 HTML 元素（除了标签）的容器。

3.标签

元素是所有头部元素的容器。
元素必须包含文档的标题（title），可以包含脚本（script）、样式(style)、meta 信息以及其他更多的信息。

4.<title>标签

标签定义文档的标题
标签只能出现在标签中

5. 标签

标签定义文档的主体。
元素包含文档的所有内容（比如文本、超链接、图像、表格和列表等等）。
只有标签中的内容是可见的
在h4中已废弃，在h5中已删除所有body元素的呈现属性
link = “color” 未访问链接颜色
alink = “color” 规定文档中活动链接的颜色
vlink = “color” 已访问链接的颜色
background = “URL” 规定文档背景图片
bgcolor = “color” 文档背景颜色
text = “color” 文档中所有的文本颜色

6.<h1-h6>标签

用于定义标题，文本会加粗，但是别为了仅仅让文本加粗就使用h标签，而应该是确实是标题才使用标题标签
h1最大，h6最小
浏览器会自动地在标题的前后添加空行
属性：align 用于规定标题中文本的排列,在h4中已废弃，在h5中已删除

- 可选值：left center right justify

7.<p>标签

用于定义段落
属性同h标签

8.<br>标签

用于换行

9.<hr>标签

用于定义一条水平线
属性：align color size width

10. <!– 注释 –> 标签

用于定义注释

格式标签

常用标签

标签	作用	效果
em	表示强调	斜体
strong	定义重要的文本	加大
b	加粗	加大加粗
mark	表示被标记	背景为黄色
big	定义大号字体	加大
small	定义小号字体	缩小
sup	定义上标	文本缩小在右上角
sub	定义下标	文本缩小在右下角

链接标签

11.<a>标签

<a> 标签定义超链接，用于从一个页面链接到另一个页面。
超链接可以是一个字，一个词，或者一组词，也可以是一幅图像，您可以点击这些内容来跳转到新的文档或者当前文档中的某个部分。

 <a href="url" target="值">提示符</a>

常用属性：
- href = “url” ，最重要的属性，描述了链接的目标
  - 1.可以是一个url
  - 2.可以是一个锚点
  - 3.可以是一个伪协议 javascript:
- target 定义被链接的文档在何处显示，可以有以下值：
  - _blank 在新页面打开
  - _self 在当前页面打开
  - _parent 在父窗口打开
  - _top 在顶层窗口打开
  - 框架名字
  - 锚点名字或id

a标签与锚点

锚点的作用：页面内的快速精确跳转
锚点的使用场景：当一篇文档或者网页非常大，你想精确定位时
锚点的定义：用给a标签一个name或者id来定义锚点,a标签内不写内容，为了美观可以加一个空格

<a name="名字"></a> 或 <a id="名字">&nbsp;</a>

锚点的使用：当要链接到锚点时，让a标签的href=”#名字”，注意加#号

<a href="#名字">访问锚点</a>

访问其他页面的锚点，直接在页面路径后面加#名字

<a href="./xxxx.html#名字">访问其他页面的锚点</a>

a标签与框架iframe

作用：使用框架，你可以在同一个浏览器窗口显示不止一个页面
语法：

src="URL">
框架设计属性：width height frameborder(边框)
a标签与框架配合使用
- 首先要给框架定义一个名字
- a标签的target=框架的名字

<iframe src="index.html" width="80%" height="40%" frameborder="0" name="myIframe" ></iframe><br />
<a href="test.html" target="myIframe">框架内显示</a>

12.<link>标签

标签定义文档与外部资源的关系。
标签最常见的用途是链接样式表。

<link rel="stylesheet" type="text/css" href="xxxx.css">

标签只能存在于 head 部分，不过它可出现任何次数。

图片

13.<img>标签

标签定义 HTML 页面中的图像。
常用属性：
- src=”url” 用于设定要引入的图片的url 必须的
- alt=”文字” 用于设定图像的替代文字
- width 用于设定图片的宽度
- height 用于设定图片的高度
- border 用于设定图片边框厚度
- align 用于设定图片的对齐方式

关于相对路径和绝对路径

绝对路径：是从盘符开始的路径如：

C:\Users\PRO\Pictures\Saved Pictures\knowleage\MVC架构
相对路径：从当前路径开始的路径
- ./表示当前路径（可省略）
- ../表示上级目录
例如我这里的项目结构
在test中的index.html中访问图片应该写成

<img src="./img/mvc架构.gif"> 
<img src="img/mvc架构.gif"

在test1中的index.html中访问图片应该写成

<img src="../img/mvc架构.gif"

在test3中的index.html中访问图片应该写成

<img src="../../img/mvc架构.gif"

列表标签

14.<ul>标签

<ul> 标签定义无序列表。
将 <ul> 标签与 <li> 标签一起使用，创建无序列表。
常用属性：type 规定列表的项目符号的类型
可以有值：disc square circle 默认为disc

15.<li>标签

<li> 标签定义列表项目。
常用属性：
- type 规定列表的项目符号的类型
  - 可以有的值：1 A a I i disc square circle
- value 规定列表项目的数字

16.<ol>标签

<ol>标签定义有序列表
常用属性：
- type: 1 A a I i
- start: 规定列表的起始值

自定义列表

<dl>标签用于自定义列表
<dt>标签用于定义列表名字
<dd>标签用于定义列表项目