Day1-HTML入门

HTML概念

简介

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

您可以使用 HTML 来建立自己的 WEB 站点,HTML 运行在浏览器上,由浏览器来解析。

思想

页面中有很多数据,不同的数据可能需要不同的显示效果,就可以使用标签把要操作的数据包裹起来,通过修改标签的属性值,来实现标签内数据样式的改变。

本质是一个容器的思想(JS中的数组,对象也是一个容器的思想)

一个标签就相当于一个容器,想要修改标签内数据的样式,只需要修改容器的属性值,就可以实现。

特点

语法非常宽松,没有结束标签、引号、标签名大小写也不区分都没问题。(但建议使用小写标签名,这符合最新的HTML5编写规范)

标签名是预定义好的,每一个标签都有特定的含义(不同于后端的xml语言,xml的标签可以自定义

<!--XML 指可扩展标记语言(eXtensible Markup Language)。

XML 被设计用来传输和存储数据,不用于表现和展示数据,HTML 则用来表现数据。-->

注意:对于中文网页需要使用 <meta charset="utf-8"> 声明编码,否则会出现乱码。有些浏览器(如 360 浏览器)会设置 GBK 为默认编码,则你需要设置为 <meta charset="gbk">。

语法

  • 标签——由一对尖括号括起来的关键字组成,又称元素。如果标签中没有内容,可以自闭合,比如水平线标签<hr />。

  • 属性——为元素提供更多信息,可以改变元素的样式,以名称和值的形式出现。

  • 标签体——开始标签和结束标签中间的所有内容,都叫做标签体,可以是一段文本,也可以是其他标签。

  • 注释——用于解释说明,给程序员看的,分为两种注释:行注释和块注释。

  • 特殊字符

    不间断空格(Non-breaking Space)

    HTML 中的常用字符实体是不间断空格( )。

    浏览器总是会截短 HTML 页面中的空格。如果您在文本中写 10 个空格,在显示该页面之前,浏览器会删除它们中的 9 个。如需在页面中增加空格的数量,您需要使用   字符实体。

    HTML字符实体

    实体名称对大小写敏感!(看符号和编号在实体名称那里鼠标过一下)

    显示结果描述实体名称实体编号
    空格
    <小于号<<
    >大于号>>
    &和号&&
    "引号""
    '撇号' (IE不支持)'
    ¢¢
    £££
    ¥人民币/日元¥¥
    欧元
    §小节§§
    ©版权©©
    ®注册商标®®
    商标
    ×乘号××
    ÷除号÷÷

    基本标签

    最大的标题

    . . .
    . . .
    . . .
    . . .
    最小的标题

    这是一个段落。

    (换行)


    (水平线)​

示例

我的第一个标题

我的第一个段落。

HTML文档的后缀名

  • .html

  • .htm

常见标签

完整的标签参考手册点这里

文档相关的标签

<html>——根标签
    <head>——头部
        <meta></meta>——元数据
          <title>标题</title>
    </head>
    <body> </body>——正文
</html>

-

标签被用来定义 HTML 标题。

​​

定义重要等级最高的标题。

定义重要等级最低的标题。

字体标签——font

标题标签——h1-h6

段落标签——<p>元素会自动在其前后创建一些空白。浏览器会自动添加这些空间,您也可以在样式表中规定。

水平线hr:默认居中,占满一行

size:高度

width:宽度

color:颜色

粗体b 斜体i 下划线u

html5里面加粗换成了strong,斜体强调文本用em,高亮文本用mark

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值