Html学习(一)简介和编辑器

yangyl-justdoit 2021-12-15 原文


Html学习(一)简介和编辑器

什么是HTML?

HTML 是用来描述网页的一种语言。

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

HTML 标签

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

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

HTML版本

从初期的网络诞生后,已经出现了许多HTML版本:

HTML 编辑器推荐

可以使用专业的 HTML 编辑器来编辑 HTML,菜鸟教程为大家推荐几款常用的编辑器:

Notepad++

Notepad++是 Windows操作系统下的一套文本编辑器(软件版权许可证: GPL),有完整的中文化接口及支持多国语言编写的功能(UTF8技术)。

步骤 1: 新建 HTML 文件

在 Notepad++ 安装完成后,选择” 文件(F)->新建(N) “,在新建的文件中输入以下代码:

步骤 2: 另存为 HTML 文件

然后选择” 文件(F)->另存为(A) “,文件名为 runoob.html:

当您保存 HTML 文件时,既可以使用 .htm 也可以使用 .html 扩展名。两者没有区别,完全根据您的喜好。

 

步骤 3: 在浏览器中运行这个 HTML 文件

启动您的浏览器,然后选择”文件”菜单的”打开文件”命令,或者直接在文件夹中双击您的 HTML 文件,

运行显示结果类似如下:

 

发表于
2017-05-04 13:39 
心有玲犀 
阅读(113
评论(0
编辑 
收藏 
举报

 

版权声明:本文为yangyl-justdoit原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://www.cnblogs.com/yangyl-justdoit/p/6806653.html

Html学习(一)简介和编辑器的更多相关文章

  1. HTML学习 day02

    1.HTML的相关概念 网站建设流程 网页组成    网页主要由三部分组成:结构(Structure)、表现( […]...

  2. HTML学习 day04

    1、字体、文本声明 声明语句必须要包含在{}号之中; 属性和属性值之间用“:”分隔; 当有多个属性时,用“;” […]...

  3. html学习

    查阅文档  网址  https://www.w3school.com.cn/index.html        […]...

  4. HTML学习 框架

    iframe 在原来的页面嵌入其他页面 <iframe src=”其他页面地址” […]...

  5. HTML学习

    B/S架构介绍   在开始介绍HTML之前,我们得先知道一个Browser/Server端架构,也就是B/S架 […]...

随机推荐

  1. C++ concurrent_queue

    ConcurrentQueue 用C++11提供的多线程类实现一个线程安全的队列: #include < […]...

  2. 在centOS上搭建wordpress博客系统

    一、主要内容 1、安装LAMP服务器系统(Linux、Apache、MySQL、PHP ); 2、安装word […]...

  3. Sentinel基本概念

    Sentinel基本概念  Sentinel是阿里开源的一款高性能的限流框架。这里将对Sentinel的使用和 […]...

  4. gRPC趁现在还没大火,抢先了解一下

    前言 系统分布式已经成为程序员的家常,将大型单体划分为相对简单的小模块,分散系统能力,提升系统扩展性、功能模块 […]...

  5. 搭建时间服务器(linux)

    我们搭建集群环境的时候,时间必须是要统一的,才能保证集群数据的一致性。 一般操作是直接使用NTP,跟默认的时间 […]...

  6. JS面向对象与面向过程

    JS面向对象与面向过程 前言 面向对象编程:   就是将你的需求抽象成一个对象,然后针对这个对象分析其特征(属 […]...

  7. 发票同步微信卡包

    近期需要接入发票功能,微信公众号开通电子发票插件 可参考官方链接:https://developers.wei […]...

  8. 对scanner.close方法的误解以及无法补救的错误

    对scanner.close方法的误解以及无法补救的错误 scanner错误关闭导致的异常 public cl […]...

展开目录

目录导航