HTML 基础_2_演示常用的HTML标签

最新推荐文章于 2022-09-13 22:21:00 发布

满天过海_春

最新推荐文章于 2022-09-13 22:21:00 发布

阅读量123

点赞数

分类专栏：前端文章标签： html

本文链接：https://blog.csdn.net/CSDNWuZhiChun/article/details/118659878

版权

30 篇文章 1 订阅

订阅专栏

“续上篇HTML 基础_此文章为零基础的学生打造，此篇为HTML基础第二篇，在学习之前，先演示一遍，有条件的记得动手。”

HTML演示实例

HTML标题

HTML 标题（Heading）是通过 <h1> - <h6> 等标签进行定义的。

演示（在编辑器上写入以下代码）

<html><body>    <h1>标题1</h1>    <h2>标题2</h2>    <h3>标题3</h3>    <h4>标题4</h4>    <h5>标题5</h5>    <h6>标题6</h6></body></html>

效果

HTML 段落是通过 <p> 标签进行定义的。

实例（在编辑器上写入以下代码）

<html><body>    <p>第一个段落</p>    <p>第二个段落</p></body></html>

效果

HTML 链接是通过 <a> 标签进行定义的。

<html><body>    <a href="http://www.baidu.com.cn">百度链接</a></body></html>

注释：在 href 属性中指定链接的地址。

效果(可以点击链接，跳转到百度）

点击跳转到百度页

HTML 图像是通过 <img> 标签进行定义的。

演示

<html><body>    <img src="天天学前端.jpg" width="150" height="142" /></body></html>

前提是在同等文件下有‘天天学前端的照片’，

注释：图像的名称和尺寸是以属性的形式提供的。

效果

代码和效果都有了，动手代码撸起来，ヾ(◍°∇°◍)ﾉﾞ

点击下面天天学前端，关注公众号，每次更新不错过。

天天学前端

在这里我们分享WEB前端的相关技术文章、学习资源、热点资讯、面试难点等内容。期待你的建议和指正。期待和你在前端的世界中一起学习，获得更多成长！

公众号

微信公众号回复加群加我微信拉你进群一起学习。

关注