HTML常用标签案例

最新推荐文章于 2022-10-04 06:58:21 发布

小刘日记

最新推荐文章于 2022-10-04 06:58:21 发布

阅读量426

点赞数 1

文章标签：前端 html

本文链接：https://blog.csdn.net/m0_61464684/article/details/124029472

版权

HTML常用标签

实现标签使用以及在浏览器上展示出来

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <h1>HTML5</h1><p>本词条<strong>由“科普中国”科学百科词条编写与应用工作项目</strong>审核。</p><p>HTMLS是构建Web内容的一种语言描述方式。
    HTML5是互联网的下一代标准，是<strong>构建以及呈现互联网内容的一种语言方式</strong>．<br>被认为是互联网的核心技术之一。
    HTMI产生于1990年，1997年HTML4成为互联网标准，并广泛应用于互联网应用的开<br>发。</p><p>HTML5是Web中核心语言
    HTML的规范，<strong>用户使用任何手段进行阿页浏览时看到的内容原本都是HTML格式的</strong>，在浏览器中<br>通过一些技术处理
    将其转换成为了可识别的信息。HTML5在从前<del>HTML4.01</del>的基础上进行了一定的改进，虽然技术人员在开发<br>过程中
    可能不会将这些新技术投入应用，但是对于该种技术的新特性，网站开发技术人员是必须要有所了解的。<sup>[1-2]</sup></p><h2>Html5
    的新特性</h2><hr><p>HTML5将Web带入一个成熟的应用平台，在这个平台上，<strong>视频、音频﹑图像、动画以及与设备的交互</strong>都进行了
    规范。</p><h3>智能表单</h3>表单是实现用户与页面后台交互主要组成部分，HTML5在表单的设计上功能更加强大。input类型和属性
    的多样性大大地增<br>强了HTML可表达的表单形式，再加上新增加的一些表单标签，使得原本需要lavaScipt来实现的控件，
    可以直接使用HTML5<br>的表单来实现;一些如内容提示、焦点处理、数据验证等功能，也可以通过THML5的香能表单属性标签
    来完成。<sup>[6]</sup><h4>多媒体</h4>HTMLS最大特色之一就是支持音频视频，在通过增加了audio、video两个标签来实现对多媒体中的音频、
    视频使用的<br>支持，只要在Web网页中嵌入这两个标签，而无需第三方插件(如Flash）就可以实现音视频的播放功能。HTML5对
    音频、视频<br>文件的支持使得浏览器摆脱了对插件的依赖，加快了页面的加载速度，扩展了互联网多媒体技术的发展空间。

</body>
</html>

<p>段落</p>
<br>代表换行
<del>代表添加删除线</del>
<h1>标题一</h1>
<h2>标题二</h2>......
<storong>代表强调内容（加粗）</storong>
<sup>表示上标</sup>
<sub>表示下标</sub>
<center>代表居中对齐</center>
<em>表示字体倾斜</em>
<hr>表示添加分割水平线
<u>表示为文本添加下划线</u>

在这里插入图片描述

hr标签的设置

可以设置水平线的大小，效果，颜色，位置等效果

 <hr color="green" width="1000">  <!表示水平线颜色为绿色，长度为1000像素>
<hr color="yellow" width="1000" align="left">   <!表示水平线颜色为黄色，长度为1000像素,位置是靠左对齐>
<hr color="red" width="1000" align="right">   <!表示水平线颜色为红色，长度为1000像素,位置是靠右对齐>