1 . 什么是HTML?

HTML (HyperText Markup Language)是用来描述网页的一种语言。

  • HTML 不是一种编程语言,而是一种标记语言
  • 标记语言是一套标记标签 (markup tag),使用标记标签来描述网页 HTML
  • 文档包含了HTML 标签及文本内容
  • HTML文档也叫做 web 页面

1.1 HTML 标签

HTML 标记标签通常被称为 HTML 标签 (HTML tag)。

  • 标签是由尖括号包围的关键词,比如
  • 标签通常是成对出现的,比如
  • 标签对中的第一个标签是开始标签,第二个标签是结束标签
  • 开始和结束标签也被称为开放标签和闭合标签
    <标签>内容</标签>

1.2 HTML 元素

“HTML 标签” 和 “HTML 元素” 通常都是描述同样的意思.
但是严格来讲, 一个 HTML 元素包含了开始标签与结束标签,

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

2. 示例

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

<!DOCTYPE html> 声明为 HTML5 文档
<html> 元素是 HTML 页面的根元素
<head> 元素包含了文档的元(meta)数据,如 <meta charset="utf-8"> 定义网页编码格式为 utf-8。
<title> 元素描述了文档的标题
<body> 元素包含了可见的页面内容
<h1> 元素定义一个大标题
<p> 元素定义一个段落

注:meta charset="UTF-8"是编码说明

Html 教程 (1)简介相关推荐

  1. C和C++Everything教程的简介

    C和C++Everything教程的简介 C和C++Everything教程的简介 C和C++Everything教程的简介 该专栏包含了以下专栏的全部博文 C和C++完整教程(该专栏目前已有八百多篇 ...

  2. spring-mvc教程_使用MVC模式制作游戏-教程和简介

    spring-mvc教程 游戏开发中一种有用的体系结构模式是MVC(模型视图控制器)模式. 它有助于分离输入逻辑,游戏逻辑和UI(渲染). 在任何游戏开发项目的早期阶段,它的用途很快就会被注意到,因为 ...

  3. 使用MVC模式制作游戏-教程和简介

    游戏开发中一种有用的体系结构模式是MVC(模型视图控制器)模式. 它有助于分离输入逻辑,游戏逻辑和UI(渲染). 在任何游戏开发项目的早期阶段,其实用性很快就会被注意到,因为它允许快速更改内容,而无需 ...

  4. Nacos教程_1 简介和安装

    教程原稿–https://gitee.com/fakerlove/joker-nacos 文章目录 nacos 教程 1. 简介 1.1 介绍 1.2 安装 下载 linux版本 windows版本 ...

  5. Git教程_1 简介

    https://gitee.com/fakerlove/git 文章目录 git 教程 1. 简介 1.1 介绍 1.2 环境准备 1.3 安装 1. 设置 用户名和密码: 2. 然后看本地目录是否有 ...

  6. docker教程_1 简介和安装

    https://gitee.com/fakerlove/docker 文章目录 Docker 教程 1. 简介 1.1 概念 1.2 优点 1.3 安装 环境准备 安装 Docker 教程 1. 简介 ...

  7. 个人空间html5主页面,2.HTML 教程- (HTML5 简介)

    HTML 教程- (HTML5 简介) 例: 菜鸟教程(runoob.com) 我的第一个标题 我的第一个段落. 实例解析 声明为 HTML5 文档 元素是 HTML 页面的根元素 定义网页编码格式为 ...

  8. P4 Tutorial 快速上手 (1) 教程库简介

    P4 Tutorial 快速上手 (1) 教程库简介 提示:本系列仅适用于软件交换机BMv2 P4 Tutorial 快速上手系列 (2) 文章目录 P4 Tutorial 快速上手 (1) 教程库简 ...

  9. MongoDB中不溜教程(1)简介与命令

    MongoDB教程之简介与命令 MongoDB简介 MongoDB下载安装 名词解释 常用命令 数据库命令 创建数据库 查看当前数据库 显示数据库列表 删除数据库 集合命令 创建集合 显示集合列表 删 ...

  10. matlab悬链线方程的求解,Matlab建模教程-变分法简介.doc

    Matlab建模教程-变分法简介 §1 变分法简介 作为数学的一个分支,变分法的诞生,是现实世界许多现象不断探索的结果,人们可以追寻到这样一个轨迹: 约翰·伯努利(Johann Bernoulli,1 ...

最新文章

  1. python的web压力测试工具-pylot安装使用
  2. Vue route部分简单高级用法
  3. jittor和pytorch生成网络对比之dcgan
  4. 西宁a货翡翠,孝感a货翡翠
  5. 深度揭秘:腾讯存储技术发展史
  6. 在Visual Studio调试器中显示数组
  7. 无惧海量并发,运维准点下班全靠它
  8. 在自动驾驶技术上,一向自信满满的马斯克也承认了特斯拉的不足
  9. [Excel数据处理与分析实战技巧精粹].Excelhome.扫描版
  10. IP报文格式和实例分析
  11. FANUC机器人_KAREL编程入门学习(1)
  12. Openrefine mysql_openrefine 2.5稳定版-OpenRefine下载(数据清洗工具) 2.5 官方稳定版 - 河东下载站...
  13. Mac创建一个vue项目
  14. ubuntu21.04 Thunderbird上配置163邮箱
  15. 2022年一级建造师考试《市政公用工程》练习题及答案(多选题)
  16. x265-1.8版本-common/wavefront.cpp注释
  17. java卡夫卡_卡夫卡(kafka)
  18. 项目经理之新任项目经理的五项修炼
  19. SVN服务器管理工具——VisualSVN Server Manager
  20. 盘点2009十佳新商业模式

热门文章

  1. 处理被中断的系统调用
  2. 【Linux 报错】com.mysql.cj.jdbc.exceptions.CommunicationsException: Communications link failure The las
  3. Android --- Session ‘app’: Error Launching activity解决办法
  4. 2021年数据中心行业发生了这十件大事
  5. android https 简书,关于Android http改为https
  6. 弧度转为角分秒的c语言程序_用弧度表示角度
  7. AI:2020年7月10日世界人工智能大会WAIC青少年人工智能创新发展论坛《人工智能从娃娃抓起》
  8. DL之CycleGAN:基于TF利用CycleGAN模型对apple2orange数据集实现图像转换—训练测试过程全记录
  9. DL之SPP-Net:SPP-Net算法的简介(论文介绍)、架构详解、案例应用等配图集合之详细攻略
  10. AI:一个20年程序猿的学习资料大全—区块链/大数据/数据集/云计算/前沿大会资料——只有你不想要的,没有你找不到的