HTML基础标签

最新推荐文章于 2024-08-07 14:19:47 发布

西伯利亚暴龙战士

最新推荐文章于 2024-08-07 14:19:47 发布

阅读量29

点赞数

文章标签： html 前端

本文链接：https://blog.csdn.net/weixin_65162790/article/details/131663251

版权

HTML是一种超文本标记英语

DOCTYPE 版本声明

<!DOCTYPE html>

utf-8 编码格式

<meta charset="UTF-8">

title 标题标签

<head>
    <title>html</title>
</head>

基础属性

标题标签 h1--h6 从大到小

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

段落标签 p

<p>段落标签</p>

水平线 hr

<hr>

换行标签 br

<br>

div 通用标签

<div  color="pink" face="楷体" size="22">段落标签标题标签  <h6>标题<br>标签</h6></div>

文字标签 font

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

粗体 b / strong

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

斜体 i / em

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

删除线 s / del

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

下划线 u / ins

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

上标 sup

这是<sup>上标</sup>

下标 sub

这是<sub>下标</sub>

标记 mark

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

title属性所有标签共有的属性，鼠标悬浮时，显示属性值《属性值：属性里的内容》

缩写 abbr

<abbr title="这是一大段文字这是一大段文字这是一大段文字">缩写</abbr>

通用行内标签 span

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

图片标签 img

src = "路径"

路径分为相对路径和绝对路径

相对路径：从当前文件夹出发

绝对路径：从盘符出发

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

<img title="..." src="./img/11.jpg" width="200" height="100" alt="...">

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="_self">跳转b页面</a>

音频标签 audio

controls 控件属性

loop 循环播放

autoplay

<audio src="./mp3/Dancers.mp3" controls loop autoplay ></audio>

视频标签 video

属性与audio相同，可以设置宽高

<video src="./mp3/周深 - 大鱼.mp4" controls loop autoplay width="800" height="400"></video>

西伯利亚暴龙战士

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML基础标签

title属性所有标签共有的属性，鼠标悬浮时，显示属性值《属性值：属性里的内容》alt：图片加载失败时出现，提示图片内容。a标签超链接 href 里面放链接路径。标题标签 h1--h6 从大到小。HTML是一种超文本标记英语。粗体 b / strong。路径分为相对路径和绝对路径。_self: 在本窗口打开。DOCTYPE 版本声明。target 打开方式。_blank:跳转新窗口。删除线 s / del。下划线 u / ins。通用行内标签 span。title 标题标签。src = "路径"
复制链接

扫一扫