HTML学习(一)初学HTML

1. HTML简介

1.1 什么是HTML

超文本标记语言(HyperText Markup Language,简称HTML)。

HTML 运行在浏览器上,由浏览器来解析。

HTML 不是一种编程语言,而是一种标记语言,标记语言是一套标记标签 (markup tag)。HTML 使用标记标签来描述网页。

HTML 文档包含了HTML 标签及文本内容,HTML文档也叫做 web 页面。

1.2 HTML能做什么

可以使用 HTML 来建立自己的 WEB 站点。

1.3 HTML 标签

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

<标签>内容</标签>

1.4 HTML 元素

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

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

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

2.用HTML写第一个网页

2.1 HTML编辑器

HTML没有特定的编辑器,只要能编辑的都能写HTML标签,VS Code 和 Sublime Text 用的比较多。

在Sublime Text中写下如下标签语言:

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>我的第一个HTML</title>
</head>
<body>
 
<h1>我的第一个标题</h1>
 
<p>我的第一个段落。</p>
 
</body>
</html>

<!DOCTYPE html> doc type声明这是一个 HTML5 文档,前面加一个“!”是个什么鬼?这种写法让人很不适应。

<html></html> 分别是开头和结尾

<head></head> head的开头和结尾,head里指定了编码方式UTF-8,添加了页面标题

<body></body> 之间是内容,标题,段落

2.2 调试

我写完这个后生成了一个.html的文件,将此文件直接在浏览器里打开就可以看到这样的页面了:

在这里插入图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Morris_

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值