HTML 使用教程

      超文本标记语言（英语：HyperText Markup Language，简称：HTML）是一种用于创建网页的标准标记语言。
HTML 运行在浏览器上，由浏览器来解析。

注意：对于中文网页需要使用 <meta charset="utf-8"> 声明编码，否则会出现乱码。
有些浏览器(如 360 浏览器)会设置 GBK 为默认编码，则你需要设置为 <meta charset="gbk">。

HTML文档的后缀名

  • .html
  • .htm

以上两种后缀名没有区别，都可以使用。

HTML实例

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
</head>
<body>
 
<h1>我的第一个标题</h1>
 
<p>我的第一个段落。</p>
 
</body>
</html>

HTML 网页结构图

HTML 网页结构图

  • 声明为 HTML5 文档（不区分大小写）
  • 元素是 HTML 页面的根元素
  • <head> 元素包含了文档的元（meta）数据，如 <meta charset="utf-8"> 定义网页编码格式为 utf-8。
  • <title> 元素描述了文档的标题
  • <body> 元素包含了可见的页面内容
  • <h1> 元素定义一个大标题
  • <p> 元素定义一个段落

HTML 标题

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

<h1>这是一个标题</h1>
<h2>这是一个标题</h2>
<h3>这是一个标题</h3>

HTML 段落

HTML 段落是通过标签 <p> 来定义的。

<p>这是一个段落。</p>

HTML 链接

HTML 链接是通过标签 <a> 来定义的。href 属性中指定要链接的地址。

<a href="https://www.cnblogs.com">这是一个链接</a>

HTML 图像

HTML 图像是通过标签 <img> 来定义的。

<img src="/images/logo.png" width="258" height="39" />

注意：图像的地址（一般用相对地址，提高兼容性）和尺寸是以属性的形式提供的。

HTML 元素

HTML 文档由 HTML 元素定义

header
posted @ 2022-04-08 21:36  Cc710  阅读(245)  评论(0)    收藏  举报