HTML元素介绍和用法示例

2021年4月12日11:38:05 发表评论 811 次浏览

HTML元素是开始标记和结束标记的集合, 内容插入在它们之间。

语法如下:

<tagname> Contents... </tagname>

例子:

<!-- HTML code to illustrate HTML elements -->
<!DOCTYPE html>
<html>
     <head>
         <title>HTML Elements</title>
     </head>
      
     <body>
         <p>Welcome to lsbin!</p>
     </body>
</html>

输出如下:

Welcome to lsbin!

嵌套的HTML元素:HTML元素在另一个HTML元素内部使用, 称为嵌套HTML元素。

例子:

<!DOCTYPE html>
<html>
     <head>
         <title>HTML Elements</title>
     </head>
      
     <body style = "text-align:center">
         <h1>lsbin</h1>
         <p>Computer science portal</p>
     </body>
</html>

输出如下:

HTML |元素1

说明:

在上面的示例中, <html>标记包含<head>和<body>。 <head <和<body>标记包含另一个元素, 因此称为嵌套元素。

需要添加结束标签:必须添加元素的结束标记。否则, 显示的内容可能无法正确显示。

例子:

<!DOCTYPE html>
<html>
     <head>
         <title>HTML Elements</title>
     </head>
      
     <body>
          
         <!-- h1 tag does not contains
         end tag -->
         <h1>lsbin    
          
         <!-- p tag does not contains
         end tag -->
         <p>Computer science portal
     </body>
</html>

例子:

HTML |元素2

木子山

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: