怎么快速上手写一篇HTML文档?

什么是 HTML?

HTML 是用来描述网页的一种语言。
  • HTML 指的是超文本标记语言 (Hyper Text Markup Language)
  • HTML 不是一种编程语言,而是一种标记语言 (markup language)
  • 标记语言是一套标记标签 (markup tag)
  • HTML 使用标记标签来描述网页

HTML 标签

HTML 标记标签通常被称为 HTML 标签 (HTML tag)。
  •     HTML 标签是由尖括号包围的关键词,比如 <html>
  •     HTML 标签通常是成对出现的,比如 <b> 和 </b>
  •     标签对中的第一个标签是开始标签,第二个标签是结束标签
  •     开始和结束标签也被称为开放标签和闭合标签

HTML 文档

  •     HTML 文档描述网页
  •     HTML 文档包含 HTML 标签和纯文本
  •     HTML 文档也被称为网页
Web 浏览器的作用是读取 HTML 文档,并以网页的形式显示出它们。浏览器不会显示 HTML 标签,而是使用标签来解释页面的内容:

html文档可以直接保存为htm或者html格式,两者没啥区别。可以通过浏览器直接打开。

HTML 元素

HTML 元素指的是从开始标签(start tag)到结束标签(end tag)的所有代码。
HTML 元素语法

  •     HTML 元素以开始标签起始
  •     HTML 元素以结束标签终止
  •     元素的内容是开始标签与结束标签之间的内容
  •     某些 HTML 元素具有空内容(empty content)
  •     空元素在开始标签中进行关闭(以开始标签的结束而结束)
  •     大多数 HTML 元素可拥有属性

在开始标签中添加斜杠,比如 <br />,是关闭空元素的正确方法,HTML、XHTML 和 XML 都接受这种方式。
HTML 提示:使用小写标签
HTML 标签对大小写不敏感:<P> 等同于 <p>。许多网站都使用大写的 HTML 标签。但是建议全部使用小写。

HTML 属性

HTML 标签可以拥有属性。属性提供了有关 HTML 元素的更多的信息。
属性总是以名称/值对的形式出现,比如:name="value"。
属性总是在 HTML 元素的开始标签中规定。

1、比如有一个标题,想要在页面居中显示。
<h1 align="center">这是一级标题</h1>
2、给背景设置颜色
<body bgcolor="green">这个背景是绿色的</body>

注意:始终为属性值加引号。
属性值应该始终被包括在引号内。双引号是最常用的,不过使用单引号也没有问题。
在某些个别的情况下,比如属性值本身就含有双引号,那么您必须使用单引号。
name='Bill "HelloWorld" Gates'
不过,有很多属性都是被废弃的,在以后的HTML中这些属性都不再使用了,包括<center>、<color>等等,所以,应当尽量避免使用这些属性和标签,而是通过样式来代替。(就是下面会介绍的style)

----------------------------------------------------------------------------------------------------------------------------------

HTML<!DOCTYPE> 标签

<!DOCTYPE> 声明位于文档中的最前面的位置,处于 <html> 标签之前。此标签可告知浏览器文档使用哪种 HTML 或 XHTML 规范。

该标签可声明三种 DTD 类型,分别表示严格版本、过渡版本以及基于框架的 HTML 文档。

HTML 4.01 规定了三种文档类型:Strict、Transitional 以及 Frameset

如果您需要干净的标记,免于表现层的混乱,请使用此类型。请与层叠样式表(CSS)配合使用:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

不过一般使用<!DOCTYPE html>即可。

其他两种暂不介绍。

注:<!DOCTYPE>标签没有结束标签!

HTML <meta> 标签

<meta> 元素可提供有关页面的元信息(meta-information),比如针对搜索引擎和更新频度的描述和关键词。

<meta> 标签位于文档的头部,不包含任何内容。<meta> 标签的属性定义了与文档相关联的名称/值对。

注:

  • <meta> 标签永远位于 head 元素内部。
  • 元数据总是以名称/值的形式被成对传递的。


content属性

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值