初识HTML

什么是HTML?

HTML就是一种超文本标记语言(HyperText Markup Language,简称:HTML),是一种用于创建网页的标准标记语言(不是编程语言)。

HTML标签

  • HTML 标签是由尖括号包围的关键词,比如 <html>
  • HTML标签通常是成对出现的,称为双标记,例如<p>和</p>
  • HTML标签也有单独出现的,称为单标记,例如<br/>

     其主要结构为:

<标签>内容</标签>

我们可以先拿一个最简单的HTML实例来了解一下:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>我创建的页面</title>
</head>
<body>
    <p>我的第一个HTML网页</p>
</body>
</html>
<!DOCTYPE html>

 声明该文档为HTML5文档

<!DOCTYPE>声明有助于浏览器中正确显示网页。

网络上有很多不同的文件,如果能够正确声明HTML的版本,浏览器就能正确显示网页内容。

<html lang="en">

</html>

html为该文档的根元素,从<html>标签开始,到</html>结束.

根元素的作用就是告诉浏览器,在<html>和</html>之间的内容为HTML类型,浏览器便会按照HTML解析文档中的内容.

其中的lang属性就是指定了网页内容所使用的默认语言.

lang="en"                指定为英语

lang="zh-ch"           指定为汉语

lang="ja-jp"             指定为日语

 

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>我创建的页面</title>
</head>

<head>元素包含了文档的元信息(meta-information)

  • charset属性规定HTML文档的字符编码,常用UTF-8(Unicode字符编码,国际通用)
  • http-equiv属性提供content属性的信息/值的HTTP头.其属性值可以包括content-type(规定文档的文字编码),default-style(规定要使用的预定义的样式表),refresh(定于文档自动刷新时间)
  • name属性规定content属性的信息/值的名称.
  • <title>标签为HTML定义标题.
<body>
    <p>我的第一个HTML网页</p>
</body>

 <body>标签定义文档的主体.可以在<body>标签中定义HTML文档内容.

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值