HTML5基础标签学习与实战演练-优快云博客

本文链接：https://blog.youkuaiyun.com/qq_41575188/article/details/123408540

今天主要学习了html5的一些基本标签，包含对文字和段落作用的一些标签。标签分为双标签和单标签，常见的单标签:br、hr

<h1></h1> ~ <h6></h6>标题标签（数字越大，设置字体越小）
<p></p>段落标签
<br>换行标签
<strong></strong>加粗
<em></em>倾斜
<del></del>加删除线
<u></u> 加下划线
<sub></sub> 下标
<sup></sup> 上标
<hr>水平线

color 颜色
width 长度
align 位置
noshade 取消阴影

html因为用<>表示标签，所以大于小于号需要用&lt、&gt表示

&lt 左尖角号
&gt 右尖角号

空格用&nbsp、&emsp表示

&nbsp 空格占据宽度受字体影响明显而强烈
&emsp 占据宽度正好是一个中文字符。基本不受字体影响

一段练手代码，大概把基本标签包含在内了~

<!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>文本标签</title>
</head>
<>
    <h1>HTML5</h1>

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

运行效果：