HTML基础

解析HTML文档:

  • <!DOCTYPE html> — 文档类型。
  • <html></html> — <html> 元素。这个元素包含了整个页面的内容,有时也被称作根元素。
  • <head></head> — <head> 元素。这个元素可以包含你想添加的所有内容,但是不会被用户所看到。
  • <body></body> — <body> 元素。这个元素包含了你想让用户在访问你的页面时看到的内容.
  • <meta charset="utf-8"> — 这个元素指定了你的文档需要使用的字符编码是 UTF-8 ,它包括了非常多人类已知语言的字符。基本上 UTF-8 可以处理任何文本内容。我们没有任何理由不去设定字符编码,而且也可以避免以后可能出现的问题。
  • <title></title> — <title> 元素。这个元素设置了页面的标题,标题显示在浏览器标签页上,而且在你将网页添加到收藏夹或喜爱中时将作为默认名称。

图像

<img>元素,将图像嵌入到元素所在位置。它通过包含图像文件路径的 src (source) 属性实现这一功能。

<img src="images/firefox-icon.png" alt="My test image">

 alt (alternative) 属性 —— 这个属性是图像的描述内容,当图像损坏时,可以在图像位置显示

标记文本:
标题:(不同于页面标题title)

HTML 包括六个级别的标题, <h1><h6> ,虽然你可能只会用到 3-4 最多。

段落:

<p> 元素是用来指定段落的。你会经常使用它来指定常规的文本内容

列表:

最常用的列表类型是有序列表( ordered lists )和无序列表( unordered lists )

  • 无序列表 中项目的顺序并不重要,就像购物列表。这些内容被包括在一个 <ul> 元素里。
  • 有序列表 中项目的顺序很重要,就像一个食谱。这些内容被包括在一个 <ol> 元素里

链接:

链接非常重要 — 它们让 Web 成为了 WEB(万维网)。要植入一个链接,我们需要使用一个简单的元素 — <a> — a 是 "anchor" (锚)的缩写。

要将一些文本添加到链接中,只需如下几步:

  1. 选择一些文本。我们选择“Mozilla Manifesto”。
  2. 将文本包含在 <a> 元素内,就像这样:
    <a>Mozilla Manifesto</a>
  3. 赋予 <a> 元素一个 href 属性,就像这样:
    <a href="">Mozilla Manifesto</a>
  4. 把你想要链接的网址放到该属性内:
    <a href="https://www.mozilla.org/en-US/about/manifesto/">Mozilla 

href 代表hypertext reference (超文本引用)

 

 

 

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值