HTML 教程

2021-04-23 06:22:59 更新

目录:

一、HTML特点

二、HTML 标签

三、HTML 文档结构 = 网页

四、HTML 注释


内容:

第一个HTML:

<html>
    <head>
      <title>这里是网页标题</title>
    </head>
    <body>    
        <h1>我的第一个标题</h1>    
        <p>我的第一个段落。</p>
        <!--这是一个注释,注释在浏览器中不会显示-->    
    </body>
</html>

一、HTML特点

HTML 是用来描述网页的一种语言。
•HTML 指的是超文本标记语言 (Hyper Text Markup Language)
•HTML 不是一种编程语言,而是一种标记语言 (markup language)
•标记语言是一套标记标签 (markup tag)
•HTML 使用标记标签来描述网页

二、HTML 标签
HTML 标记标签通常被称为 HTML 标签 (HTML tag)。
•HTML 标签是由尖括号包围的关键词,比如 <html>
•HTML 标签通常是成对出现的,比如 <b> 和 </b>
•标签对中的第一个标签是开始标签,第二个标签是结束标签
•开始和结束标签也被称为开放标签和闭合标签

三、HTML 文档 = 网页
•HTML 文档描述网页
•HTML 文档包含 HTML 标签和纯文本
•HTML 文档也被称为网页

Web 浏览器的作用是读取 HTML 文档,并以网页的形式显示出它们。浏览器不会显示 HTML 标签,而是使用标签来解释页面的内容:

<html>
    <head>
      <title>这里是网页标题</title>
    </head>
    <body>    
        <h1>我的第一个标题</h1>    
        <p>我的第一个段落。</p>
        <!--这是一个注释,注释在浏览器中不会显示-->    
    </body>
</html>

例子解释
•<html> 与 </html> 之间的文本描述网页
•<body> 与 </body> 之间的文本是可见的页面内容
•<h1> 与 </h1> 之间的文本被显示为标题
•<p> 与 </p> 之间的文本被显示为段落


四、HTML 注释

可以将注释插入 HTML 代码中,这样可以提高其可读性,使代码更易被人理解。浏览器会忽略注释,也不会显示它们。

注释写法如下:

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>it问答网 www.itwenda.com</title>
    </head>
    <body>
        <!--这是一个注释,注释在浏览器中不会显示-->    
        <p>这是一个段落</p>
    </body>
</html>

注释: 开始括号之后(左边的括号)需要紧跟一个叹号,结束括号之前(右边的括号)不需要,合理地使用注释可以对未来的代码编辑工作产生帮助。。