HTML前端基础（各类标签的使用方法）

最新推荐文章于 2024-07-11 15:29:37 发布

cggzsl

最新推荐文章于 2024-07-11 15:29:37 发布

阅读量83

点赞数

文章标签：前端 html

本文链接：https://blog.csdn.net/cggzsl/article/details/131664923

版权

1.开头的这段代表着版本声明，并不是没意义的。

<!DOCTYPE html>
<!-- 版本声明 -->

2.往下到<head>标签里的<meta charset="UTF-8">，这段则代表的是代码的编码格式。

<head>
    <!-- 编码格式 -->
    <meta charset="UTF-8">
</head>

3.到<body>标签时就是代码里的主体了，里面可以加很多类型的标签，下面我们一一来看。

<!-- 标题标签 h1 - h6 从大到小 -->
    <h1>标题标签</h1>
    <h2>标题标签</h2>
    <h3>标题标签</h3>
    <h4>标题标签</h4>
    <h5>标题标签</h5>
    <h6>标题标签</h6>

<!-- 段落标签 -->
    <p>段落标签</p>

<!-- 水平线 hr -->
    <hr>

<!-- 换行标签 br -->
    <br>

<!-- div  通用标签 -->
    <div  color="pink" face="楷体" size="22">段落标签标题标签 </div>

( ！)属性color可设置颜色，face可设置字体格式，size则可设置文字大小。

<!-- 文字标签 -->
    <font color="pink" face="楷体" size="22">字体标签</font>

<!-- 粗体 -->
    <b>粗体标签</b> <strong>粗体标签</strong>

( ！)两个都可实现功能

<!-- 斜体 -->
    <i>斜体标签</i> <em>斜体标签</em>

<!-- 删除线 -->
    <s>删除线</s> <del>删除线</del>

<!-- 下划线 -->
    <u>下划线</u> <ins>下划线</ins>

<!-- 上标 -->
    这是<sup>上标</sup>

<!-- 下标 -->
    这是<sub>下标</sub>

<!-- 标记 -->
    <mark  title="这是一大段文字这是一大段文字这是一大段文字">mark 标记</mark>

<!-- 缩写 abbr -->

    <!-- title属性 所有标签共有的属性，鼠标悬浮时，显示属性值 《属性值：属性里的内容》 -->
    <abbr title="这是一大段文字这是一大段文字这是一大段文字">缩写</abbr>

<!-- span 通用行内标签 -->
    <span>通用行内标签</span>

( ！)

( ！)

( ！)<!-- 图片标签

绝对路径：c:\****\****\***\****

相对路径：文件相对路径 ../.. ./

alt：图片加载失败时，提示图片内容

-->

<img title="图片" src="****/***" width="200" height="100" alt="图片显示">

( ！)width是图片的宽度，height是图片的高度。

<!-- a标签 超链接 href 里面放链接路径 -->
    <a href="https://www.baidu.com">百度</a>

<!-- 还能跳转项目内的页面
        target: _blank:跳转新窗口
               _self: 在本窗口打开
    -->
    <a href="./b.html" target="_blank">跳转b页面</a>
    <a href="./b.html" target="_top">跳转b页面</a>

<!-- 音频标签 -->
    <!-- controls  控件属性 -->
    <!-- loop 循环播放 -->
    <!-- autoplay  页面打开自动播放 -->
    <audio src="./****/****.mp3" controls loop autoplay ></audio>
    <video src="./****/****.mp4" controls loop autoplay width="800" height="400"></video>

cggzsl

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
HTML前端基础（各类标签的使用方法）

2.往下到<head>标签里的<meta charset="UTF-8">，这段则代表的是代码的编码格式。3.到<body>标签时就是代码里的主体了，里面可以加很多类型的标签，下面我们一一来看。)属性color可设置颜色，face可设置字体格式，size则可设置文字大小。-- 行级标签内容撑开，不自动换行不可以设置宽高 -->绝对路径：c:\****\****\***\****-- 块级标签独占一行。可以设置宽高 -->)width是图片的宽度，height是图片的高度。
复制链接

扫一扫