欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

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

程序员文章站 2024-01-28 18:11:22
...

本小节通过实例向您演示最常用的 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>

运行到浏览器截图

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