HTML标签

cat饼

已于 2022-11-22 09:44:01 修改

阅读量83

点赞数

文章标签： html 前端

于 2022-09-18 20:56:31 首次发布

本文链接：https://blog.youkuaiyun.com/timessshh/article/details/126922593

版权

#博学谷IT学习技术支持##博学谷IT学习技术支持#

HTML (HyperText Markup Language)：超文本标记语言是一门语言，所有的网页都是用HTML 这门语言编写出来的。

超文本：超越了文本的限制，比普通文本更强大。除了文字信息，还可以定义图片、音频、视频等内容。

标记语言：由标签构成的语言。

标题标签：标题标签中 h1最大，h6最小。

<h1>我是标题 h1</h1>
<h2>我是标题 h2</h2>
<h3>我是标题 h3</h3>
<h4>我是标题 h4</h4>
<h5>我是标题 h5</h5>
<h6>我是标题 h6</h6>

浏览器展示效果如下：

hr 标签：横线效果

<hr>

效果如下：

font：字体标签

face 属性：用来设置字体。

color 属性：设置文字颜色。

size 属性：设置文字大小。

代码演示：

<font face="楷体" size="5" color="#ff0000">小白</font>

br标签：换行标签

......<br>

p标签：段落标签

<p>
......
</p>

b：加粗标签

i：斜体标签

u：下划线标签，在文字的下方有一条横线

<b>小白</b><br>
<i>小白</i><br>
<u>小白</u><br>

居中标签：center

<hr>
<center>
    <b>小白</b>
</center>

图片，音频，视频标签：

<img>         定义图片
<audio>       定义音频
<video>       定义视频

img：定义图片

src：规定显示图像的 URL（统一资源定位符）

height：定义图像的高度

width：定义图像的宽度

audio：定义音频。支持的音频格式：MP3,WAV,OGG

src：规定音频的 URL

controls：显示播放控件

video：定义视频。支持的音频格式：MP4, WebM,OGG

src：规定视频的 URL

controls：显示播放控件

src属性，而src是用来指定对应的图片，音频，视频文件的路径。

资源路径有两种设置方式：

绝对路径：完整路径

相对路径：相对位置关系

超链接标签：

<a href="https://www.youkuaiyun.com/"></a>

列表标签：HTML 中列表分为有序列表，无序列表。

有序列表中的type属性用来指定标记的标号的类型（数字、字母、罗马数字等）

无序列表中的type属性用来指定标记的形状

代码演示：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <ol type="A">
        <li>苹果</li>
        <li>奶茶</li>
        <li>香蕉</li>
    </ol>
    
    <ul type="circle">
        <li>苹果</li>
        <li>奶茶</li>
        <li>香蕉</li>
    </ul>
</body>
</html>

表格标签：

table ：定义表格
- border：规定表格边框的宽度
- width ：规定表格的宽度
- cellspacing：规定单元格之间的空白
tr ：定义行
- align：定义表格行的内容对齐方式
td ：定义单元格
- rowspan:规定单元格可横跨的行数
- colspan:规定单元格可横跨的列数
th：定义表头单元格

布局标签：

<div> 用于HTML文档中的一个区域部分，常与CSS一起使用，用来布局网页
<span>用于组合行内元素

div标签在浏览器上会有换行的效果，而span标签在浏览器上没有换行效果。