网页设计之HTML实战(2) -- HTML基本标签

最新推荐文章于 2023-01-02 22:30:00 发布

我是包不同

最新推荐文章于 2023-01-02 22:30:00 发布

阅读量640

点赞数

分类专栏：网站设计文章标签： html

本文链接：https://blog.csdn.net/x879014419/article/details/106136671

版权

网站设计专栏收录该内容

24 篇文章 0 订阅

订阅专栏

1、标题标签＜h1＞

标题标签表示文章的标题，用标签＜h1＞等,表示
标题有一级标题，二级标题等，因此对应的标签就有＜h1＞、＜h2＞、＜h3＞、＜h4＞、＜h5＞、＜h6＞.

<h1>这是一级标题</h1>
<h2>这是二级标题</h2>
<h3>这是三级标题</h3>

在浏览器中显示结果：

这是一级标题

这是二级标题

这是三级标题

显示的结果，每增加一级，标题的字号逐步变小了。

2、超链接标签＜a＞

在网页上想打开另一个页面，就需要增加链接功能。

<a href="http://www.baidu.com">我要去百度</a>

在浏览器里显示(点一下试试)：

我要去百度

3、图片标签＜img＞

图片标签＜img＞用来在网页上显示一个图片。

<img src="https://i-blog.csdnimg.cn/blog_migrate/ffd0b02b62b8799a69d21fd99d5735ab.png"/>

显示结果

4、段落标签＜p＞

段落标签＜p＞表示里面的文本为一个段落，在浏览器里显示时从一新行开始显示。和段落前后显示的内容分开。

<p>这是一个段落1，这是一个段落1，这是一个段落1，这是一个段落1，这是一个段落1，这是一个段落1，.</p>
<p>这是一个段落2.这是一个段落2.这是一个段落2.这是一个段落2.这是一个段落2.这是一个段落2.这是一个段落2.这是一个段落2.</p>

显示效果：

这是一个段落1，这是一个段落1，这是一个段落1，这是一个段落1，这是一个段落1，这是一个段落1，.

这是一个段落2.这是一个段落2.这是一个段落2.这是一个段落2.这是一个段落2.这是一个段落2.这是一个段落2.这是一个段落2.

5、来一个实际点的

把以下内容拷贝到记事本里，存到文件里（文件名假定为:HTML基本标签.html）

<html>
<body>
<h1>这是一级标题</h1>
<h2>这是二级标题</h2>
<h3>这是三级标题</h3>
<a href="http://www.baidu.com">我要去百度</a>
<img src="https://i-blog.csdnimg.cn/blog_migrate/ffd0b02b62b8799a69d21fd99d5735ab.png"/>
<p>这是一个段落1，这是一个段落1，这是一个段落1，这是一个段落1，这是一个段落1，这是一个段落1，.</p>
<p>这是一个段落2.这是一个段落2.这是一个段落2.这是一个段落2.这是一个段落2.这是一个段落2.这是一个段落2.这是一个段落2.</p>
</body>
</html>

在这里插入图片描述

在浏览器里显示效果：

在这里插入图片描述

我是包不同

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
网页设计之HTML实战(2) -- HTML基本标签

1、标题标签＜h1＞标题标签表示文章的标题，用标签＜h1＞等,表示标题有一级标题，二级标题等，因此对应的标签就有＜h1＞、＜h2＞、＜h3＞、＜h4＞、＜h5＞、＜h6＞.<h1>这是一级标题</h1><h2>这是二级标题</h2><h3>这是三级标题</h3>在浏览器中显示结果：这是一级标题这是二级标题这是三级标题显示的结果，每增加一级，标题的字号逐步变小了。2、超链接标签＜a＞在网页上想打开另一个页面，就
复制链接

扫一扫