HTML标签

最新推荐文章于 2024-11-04 09:11:09 发布

满山的屁股猴子最红

最新推荐文章于 2024-11-04 09:11:09 发布

阅读量313

点赞数 5

分类专栏：前端文章标签： html 前端

本文链接：https://blog.csdn.net/m0_74812776/article/details/142695979

版权

前端专栏收录该内容

1 篇文章 0 订阅

订阅专栏

HTMML是一种超文本语言，是一种用来创建网页的标准标记语言，通过标签的形式来实现功能。然后有浏览器来解析。标签主要可以分为骨架标签，标题标签，段落标签，图像标签，文本格式化，链接标签。

一，骨架标签

在VSCODE里面通过在文件中点击英文版！然后按下回车即可弹出骨架标签。

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    
  </body>
</html>

<!DOCTYPE html>是指明给浏览器使用的是HTML5，<>这个括号是语法格式，可以见到很多都是两个成对出现，叫做双标签，也有单标签如<br />

<html lang="en">表明使用的语言是英文，en英文单词的缩写，中文的缩写是zh-CN。

二，标题标签

<h1></ h1>有六级标题，自带加粗功能。

三，段落标签

<p></p>p是英文单词段落的首字母。

换行标签<br/>是break 的缩写。

四，文本格式化标签

加粗<strong></strong>

倾斜<em></em>

删除<del></del>就是文字中间有一条杠

下划线<ins></ins>

五，封装标签

<div></div>相当于盒子，没有语义,占一行

<span></span>多个可以一起并联，即多个span可以放一行。

六，图像标签

<img src=""/>单标签，src是属性，后面加路径。相对路径是相对于目前文件的位置，下一个子目录是\,上一级是..\。本级只写文件名。在img后面加的属性除了src外还有alt(替换文本，当图像不能显示时，用来指明图像的内容），title(提示文本，这个在图像可以显示时，图像上显示的文字），width,height,border用来指明像素的宽度和高度，这个一般只改一个即可，否则变形。用法格式属性=“路径或者内容或者数值”

七，链接标签

<a href="跳转目标"target="目标弹出的方式">文本或者图像</a>href用于指定链接目标的地址，target有_self（默认，在当前网页展开）和_blank（新建网页）两种方式

链接类型有外部链接，内部链接，空链接，锚链接，下载链接，网页元素链接。

外部链接一定加http://...,内部链接直接文件名（当前目录）或者路径。空链接是#，下载链接是文件或者压缩包的地址，网页元素连接是把文本位置加入网页元素即可。

锚链接是href后面写#加ID，这个ID可以在后面标题标签中加入。

<h1 id="one">第一个简介</h1>

八，特殊字符和注释

注释 快捷键是Ctrl+/

特殊自符是类似于 这种，建议查表。