Web入门(2)——HTML基础


超文本标记语言( Hyper text Markup Language,简称:HTML)是一种用来结构化Web网页及其内容的标记语言。网页内容可以是:一组段落、一个重要信息列表、也可以含有图片和数据表。本节对HTML及其基本功能做一个介绍。

HTML到底是什么?

HTML不是编程语言,而是一种定义内容结构的标记语言。HTML由一系列的元素组成,这些元素可以用来包围不同部分的内容,使其以某种方式呈现或者工作。一对标签可以为一段文字或者一张图片添加超链接,将字体设置为斜体,改变字号等等。例如,键入下面一行内容:

我的猫咪脾气暴:)

可以将这行文字封装成一个段落( paragraph)元素来使其在单独一行呈现出来:

<p>我的猫咪脾气暴:)</p>

HTML元素详解

元素结构

  1. 开始标签(Opening tag):包含元素的名称(本例为p),被大于号、小于号所包围。表示元素从这里开始或者开始起作用——在本例中即段落由此开始。
  2. 结束标签(Closing tag):与开始标签相似,只是在元素名之前包含了一个斜杠。这表示着元素的结尾——在本例中即段落在此结束。
  3. 内容(Content):元素的内容,本例就是所输入的文本本身。
  4. 元素(Element):开始标签、结束标签与内容相结合,便是一个完整的元素。

元素属性(Attribute)

属性包含了关于元素的一些额外信息,这些信息本身不应显现在内容中。本例中,class 是属性名称,editor-note 是属性的值 。class 属性可为元素提供一个标识名称,以便进一步为元素指定样式或进行其他操作时使用。

属性应该包含:

  1. 在属性与元素名称(或上一个属性,如果有超过一个属性的话)之间的空格符。
  2. 属性的名称,并接上一个等号。
  3. 由引号所包围的属性值。

    注: 不包含 ASCII 空格(以及 " ' ````=<>` )的简单属性值可以不使用引号,但是建议将所有属性值用引号括起来,这样的代码一致性更佳,更易于阅读。

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值