HTML5--2基本的 HTML 标签 - 四个实例

最新推荐文章于 2022-08-21 12:46:40 发布

cat marshal

最新推荐文章于 2022-08-21 12:46:40 发布

阅读量265

点赞数

分类专栏：前端--不深入文章标签： HTML5标签

本文链接：https://blog.csdn.net/qq_39205129/article/details/90312973

版权

前端--不深入专栏收录该内容

4 篇文章 0 订阅

订阅专栏

本小节通过实例向您演示最常用的 HTML 标签。

提示：不要担心本章中您还没有学过的例子，您将在下面的章节中学到它们。

提示：学习 HTML 最好的方式就是边学边做实验。我们为您准备了很好的 HTML 编辑器。使用这个编辑器，您可以任意编辑一段 HTML 源码，然后单击 TIY 按钮来查看结果。

1.HTML 标题

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

实例
<h1>This is a heading</h1>
<h2>This is a heading</h2>
<h3>This is a heading</h3>

2.HTML 段落

HTML 段落是通过

标签进行定义的。

实例

  <p>This is a paragraph.</p>
  <p>This is another paragraph.</p>

3.HTML 链接

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

实例

   <a href="http://www.w3school.com.cn">This is a link</a>

<html>
  <body>
        -----以下是标题-----
				
		  <h1>  Myfirst Heading</h1><!--我的第一个标题-->
		   <h2>  Mysecond Heading</h2><!--我的第二个标题-->
		    <h3>  Mythird Heading</h3><!--我的第三个标题-->
			 
			  			  
	       -----以下段落-----
			  
          <p>Myfirst Paragraph</p><!--我的第一个段落-->
		  <p>Mysecond Paragraph</p><!--我的第二个段落-->
		  		  
		  -----以下是连接----
		  
		  <p><a href="www.baidu.com">这是个链接</a></p>
		  
  
		  -----以下是图像-----
		<p> <img src="cutmyimg1.jpg" width="204" heigh="342"/></p> 
	  
  </body>
</html>

运行到浏览器截图

在这里插入图片描述