HTML简介认识和简单尝试

目录

一、什么是HTML

二、HTML 标签

三、HTML元素

四、HTML 文档 = 网页

五、HTML的简单尝试

六、HTML版本简介


一、什么是HTML

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

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

二、HTML 标签

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

  • HTML 标签是由尖括号包围的关键词,比如 <html>

  • HTML 标签通常是成对出现的,比如 <b> 和 </b>

  • 标签对中的第一个标签是开始标签,第二个标签是结束标签

  • 开始和结束标签也被称为开放标签和闭合标签

格式:<标签>内容</标签>

三、HTML元素

  • "HTML标签" 和 "HTML 元素" 通常都是描述同样的意思.

    但严格来讲, 一个 HTML 元素包含了开始标签与结束标签,如下实例:

    HTML元素:

    <h1>Hello,HTML!</h1>

四、HTML 文档 = 网页

  • HTML 文档描述网页

  • HTML 文档包含 HTML 标签和纯文本

  • HTML 文档也被称为网页

五、HTML的简单尝试

这里先在创建一个HTML文件,可根据自己的实际位置放置,我这里的放置位置如下:

 即为try.html文件,双击该文件,进行如下代码编辑:

<!DOCTYPE html>
<html>
   <head>
      <meta charset="UTF-8">
      <title>你好,HTML!</title>
   </head>
   <body>
       <h1>Hello,HTML!</h1>
   </body>
</html>

这里提一下Web 浏览器

Web浏览器(如谷歌浏览器等等)是用于读取HTML文件,并将其作为网页显示。

浏览器并不是直接显示的HTML标签,而是使用标签来决定如何展现HTML页面的内容给用户

保存以上代码之后,方可运行,结果如下:

我们也可以通过该文件所在路径进行访问,即:http://localhost:8080/javaee-demo-day1/show/try.html

对以上代码中的例子解释:

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

六、HTML版本简介

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

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值