HTML学习(一)

HTML基础知识


定义
HTML(Hyper Text Language)是超文本标记语言,用于编写web页面的语言。其特点是简易、可扩展、平台无关。HTML的重点是标签<>,在HTML中标签是成对出现的。标签的意思等同于元素。HTML文档也叫做web页面。

HTML基本结构

<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Html学习</title>
</head>
<body>
    此处输入网页的具体内容。
</body>
</html>

实现结果如下:
在这里插入图片描述

HTML中的标签
(1)meta标签
meta标签描述了一些页面的基本元数据,用户在网页中是不可见的,但会被浏览器解析。
meta标签是一个单标签,没有结束标签。一般放置在head区域。

(2)title标签
格式:<title>HTML学习</title>
title标签主要是设置网页的标题,一般放置在head区域。title标签成对出现。

运行显示如下所示:在这里插入图片描述
(3)注释标签
格式:<!--这是一个注释!-->
HTML文档中书写说明性文字,在浏览器中不显示。

(4)标题标签
格式:

<body>
    <h1>这是一级标题</h1>
    <h2>这是二级标题</h2>
    <h3>这是三级标题</h3>
    <h4>这是四级标题</h4>
    <h5>这是五级标题</h5>
    <h6>这是六级标题</h6>
</body>

特点:数字越大,字体越小。

实现效果如下:
在这里插入图片描述
(5)段落元素
格式:<p>这里是一段文字。</p>
段落通过p标签定义的,浏览器会自动地在段落的前后添加空行。

(6)换行元素
格式:<br/>
换行元素是一个空的HTML元素,由于关闭标签没有任何意义,所以它没有结束标记。

(7)特殊符号

名称属性
空格&nbsp;
大于号&gt;
小于号&lt;
引号&quot;
版权符号&copy;
<body>
    3&nbsp;<!--大于-->&gt;2且3<!--小于-->&lt;4<br/>
    版权所有&copy;数学乐园
</body>

实现效果如下:
在这里插入图片描述

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值