（序号）初识HTML

 

1、介绍（三级标题：三个井号加一个空格）

HTML代表H yper t ext M arkup L anguage，它是编写网页时使用最广泛的语言。（正文）

  • Hypertext指的是网页（HTML文档）链接在一起的方式。 因此，网页上可用的链接称为超文本。（小点：减号加空格）

  • 顾名思义，HTML是一种Markup Language ，这意味着您可以使用HTML简单地“标记”文本文档，并使用标记告诉Web浏览器如何构建它以进行显示。

  • 在最简单的形式中，以下是HTML文档的示例 -

    <!DOCTYPE html>
<html>
   <head>
      <title>This is document title</title>
   </head>
   <body>
      <h1>This is a heading</h1>
      <p>Document content goes here.....</p>
   </body>
</html>

2、HTML标签（也称元素）

  • 绝大多数标签“成双成对”。即为“一对标签”。

    在上面的示例中有

    <head>...</head>、<body>...</body>、<h1>...</h1>、<p>...</p>

    。

    当然也有单个出现的标签，但是常用的屈指可数。如下例中的标签。（换行作用）br

    <!DOCTYPE html>
<html>
   <head>
      <title>Line Break  Example</title>
   </head>
   <body>
      
      <h1>This is heading 1</h1>
      <h2>This is heading 2</h2>
      <h3>This is heading 3</h3>
      <h4>This is heading 4</h4>
      <h5>This is heading 5</h5>
      <h6>This is heading 6</h6>
      <p>
         Hello<br>
         You delivered your assignment ontime.<br>
         Thanks<br>
         Mahnaz
       </p>
   </body>
</html>

  • 上面的HTML文档示例使用以下标签。

    Sr.No 标签和说明
    1 <!DOCTYPE...>此标记定义文档类型和HTML版本。
    2 <html>此标记包含完整的HTML文档，主要包括由 ... head>表示的文档标题和由 ... body>标记表示的文档正文。
    3 <head>此标记表示文档的标题，可以保留其他HTML标记，如
    4 <title>在标记内使用
    5 <body>此标记表示文档的主体，它保留其他HTML标记，如 <h1gt;，<divgt;，<pgt;等。
    6 <h1>此标记表示标题。
    7 <p>此标记代表一个段落。

  • 一个完整的标签应该有以下组成部分：img

图中的a标签是超链接。href=“网址” ，点击跳转任意网址。

  • 元素的层次结构：

    称html骨架，是因为它有一定的结构组织，这些结构不是必须的，但是规范写法。

    一个元素的内容中可以包含其他元素，形成嵌套的层次结构；但两个元素之间不能相互嵌套。

    img

     

    3、总结

    到此应该要知道：

    • 网页上显示的所有内容都来自HTML。

      (其实最早的时候html是用来看电子报纸的)

    • HTML是一种标记语言，它使用各种标签来格式化内容。内容放在不同标签中有不同效果。这种不同效果也就是该标签的语义。

      应该有的疑惑：

      • 有哪些标签，各个标签的具体作用。

      • 网页这么复杂得需要多少标签才能表达出来。

    下一篇 （2）HTML 基本标签 将介绍各种常用标签。

posted @ 2022-12-22 23:11  格局要大  阅读(56)  评论(0)    收藏  举报