• 理解结构,
  • 学习标记,
  • 标签和元素

 

  • 了解HTML如何描述网页结构
  • 学习如何将标签或者元素添加到文档中
  • 编写你的第一个网页

HTML代码有包含在尖括号中的字符组成,这些代码成为HTML元素。元素通常有两个标签组成:一个起始标签和一个结束标签(结束标签要多一个斜杠)。每一个HTML元素都会向浏览器传达起始标签和结束标签直接的内容的结构信息。

标签的作用就像容器。

进一步分析标签

<p></p>  尖括号中的字符表明标签的用途,前面标签中的p就是表示段落的意思。标签和元素这两个术语经常互换使用。严格来讲,一个元素包括起始标签,结束标签以及其中的内容。

特性让我们更了解元素

特性提供有关元素中内容的附加信息,它们出现在元素起始标签中,并且有两部分组成:特性名称和特性值。中间有等号隔开

<p lang=“en-us”>paragraph in english</p>

<p lang=“fr”>paragraph in english</p>

特性名称表明你在提供有关元素内容的哪种附加信息,特性名称应该使用小写字母

特性值是特性的信息或设置,应该放在双引号中,不同的特性可以有不同的特性值

只有少量的特性可以在多有元素中使用,大部分特性只能用在特定的元素中。

*HTML5允许你为特性名称使用大写字母,并且可以省略特性值两侧的引号,但不推荐这样做

body,head和title

<body><body> body元素中的所有内容都会显示在浏览器的主窗口中

<head></head>,head元素会在body元素的前面,它包含了有关这个页面的一些信息

<tiele></tiele>元素中的内容要么显示在浏览器的顶端,要么显示在页面所在的选项卡上

HTML的全称是hypertext markup language(超文本标记语言),超文本指的就是HTML允许你通过建立连接,使访问者简洁地从一个页面跳转到另一个页面。标记语言允许你对文本进行注释,这些注释为文档的内容提供了更多的注解。而我们添加的标签就是标记。

在PC上创建网页

打开记事本,输入元素,然后把文件保存为first-HTML.html。然后就可以在浏览器中选择文件打开它。

01结构小结

  • HTML是文本文档
  • HTML是使用标签为包含在其中的内容提供结构信息
  • 标签经常与元素相互使用
  • 标签通常成对出现。起始标签表示一段内容的开始,结束标签表示它的结束
  • 起始标签可以附带特性,特性告诉我们更多有关元素内容的信息
  • 特性由特性名称和特性值组成
  • 学习HTML就要学习哪些标签可用,它们有什么作用以及可以用在何处
打赏