学画画基础入门教程(古筝入门教程)

lxf2023-03-17 19:21:01

目标

30分钟让你知道什么是HTML,对它有一些基本的了解。一旦开始,你可以从网上找到更多更详细的资料继续学习

什么是HTML?

HTML是英文Hyper Text markup Language的缩写,它指定了自己的语法规则来表达比“文本”更丰富的含义,比如图片、表格、链接等等。浏览器(即火狐等。)软件知道HTML语言的语法,可以用来查看HTML文档。目前,互联网上的大部分网页都是用HTML编写的。

HTML是什么样的?

简单来说,HTML的语法就是在文本上加一个标签来表示文本的意思,让用户(人或者程序)更好的理解文本。

下面是最简单的HTML文档:

点击查看效果。



第一个Html文档


欢迎来到脚本之家!

所有的HTML文档都应该有一个标签,它可以包含两个部分:和。

标签用来包含整个文档的一般信息,比如文档的标题(标签用来包含标题),整个文档的描述,文档的关键词等等。文档的具体内容会放在标签里。

标签用于表示链接。在浏览器(如IE、Firefox等)中查看HTML文档时。),点击标签包围的内容,通常会导向另一个页面。要跳转到的页面的地址由标记的href属性指定。在上面的例子中,href属性的值是http://deerchao.net。

一个HTML文档可以包含什么。

通过不同的标签,HTML文档可以包含不同的内容,比如文本、链接、图片、列表、表格、表单、框架等等。

文本 HTML对文本的支持是最丰富的,你可以设置不同级别的标题,分段和换行,可以指定文本的语义和外观,可以说明文本是引用自其它的地方,等等等等。 链接 链接用来指出内容与另一个页面或当前页面某个地方有关。 图片 图片用于使页面更加美观,或提供更多的信息。 列表 列表用于说明一系列条目是彼此相关的。 表格 表格是按行与列将数据组织在一起的形式。也有不少人使用表格进行页面布局。 表单 表单通常由文本输入框,按钮,多选框,单选框,下拉列表等组成,使HTML页面更有交互性。 框架 框架使页面里能包含其它的页面。

HTML文档格式的详细描述

前面介绍了HTML文档的基本格式,下面给出详细的解释。

HTML文档可以由任何文本编辑器(如记事本、UltraEdit等)创建和编辑。),因为它的内容本质上只是一些文字。

在HTML文本中,用尖括号括起来的部分称为标签。如果要在文本中使用尖括号(或者大与号小与号,总之是同一个东西),就必须使用字符转义,也就是说转换字符的本义。Use >至于&符号本身,应该用&;替换(不得不说很多HTML文档都不遵循这个规则,常见的浏览器也能分析出是转义开始还是符号,但这个不建议)。

标签本质上是对它所包含的内容的说明,可能会有属性,来给出更多的信息。比如学画画基础入门教程(古筝入门教程)(图片)标签有src属性(用于指明图片的地址),width和height属性(用于说明图片的宽度和高度)。HTML里能使用哪些标签,这些标签分别可以拥有哪些属性,这些都是有规定的,知道了这里说的基本知识之后,学习HTML其实也就是学习这些标签了。本文后面会对常用的HTML标签做出简短的介绍。标签本质上是对它所包含的内容的描述,并且可能具有提供更多信息的属性。比如标签有src属性(用来表示图片的地址),width和height属性(用来表示图片的宽度和高度)。关于哪些标签可以在HTML中使用以及这些标签可以具有哪些属性,有一些规则。知道了这里说的基础知识之后,学习HTML其实就是学习这些标签。本文稍后将简要介绍常用的HTML标记。

标签通常有开始部分和结束部分(也被称为开始标签和结束标签),它们一起限定了这个标签所包含的内容。属性只能在开始标签中指定,属性值可以用单引号或双引号括起来。结束标签都以/加上标签名来表示。有时候,有些标签并不包含其它内容(只包括自己的属性,甚至连属性都没有),这种情况下,可以写成类似这样:学画画基础入门教程(古筝入门教程)。注意最后的一个空格和一个反斜杠,它说明这个标签已经结束,不需要单独的结束标签了。标签通常有一个开始部分和一个结束部分(也称为开始标签和结束标签),它们共同定义了标签中包含的内容。属性只能在开始标记中指定,属性值可以用单引号或双引号括起来。结束标签都用标签名来表示。有时候,有些标签不包含其他内容(只有自己的属性,甚至没有属性)。在这种情况下,它们可以这样写:。注意最后的空框和一个反斜杠,表示这个标签已经结束,不需要单独的结束标签。

有些标签还可以包含新标签,新标签的名称甚至可能与包含它的标签相同(哪些标签可以包含标签,哪些标签可以被包含也有规定)。例如:

点击查看效果。


分类目录...

当前分类内容列表...

在这种情况下,最后一个标签应该先结束。

浏览器将忽略HTML文档中的所有空白色字符(框空、制表符、换行符、回车符),唯一的例外是空框,它被视为单个空框。这个规则的原因是忽略空白色符号允许使用HTML的作者以他认为最方便的格式排列内容。例如,可以在每个标签的开头添加缩进,在标签结束后减少缩进。因为空格在英语文本中广泛使用(用来分隔单词),所以空格得到了如此特殊的处理。如果要显示连续的空单元格(例如,用于缩进),应该使用它们来表示空单元格。

常见标签介绍

文本

也许最常用的标签是“是”,用来改变字体、字号和文本颜色。

点击查看效果。

6
4
红色和5
粗体。

粗体、下划线和斜体字符也是常用的文本效果,分别用、、表示:

点击查看效果。

粗体
斜体
下划线

还有一些标签表示所包含的文字有特殊含义,如(缩写)、(强调)、(更强调)、(引用)、(地址)等。这些标签的存在并不是为了定义显示效果,因此它们可能对浏览器没有影响,或者不同的浏览器可能会以不同的方式显示这些标签。

一篇很长的文章,如果有合适的小标题,可以很快对其内容有个大概的了解。在HTML中,用来表示标题的标签有:,,,,分别表示一级标题,二级标题,三级标题。...

点击查看效果。

HTML 30分钟教程

什么是HTML?


...

HTML是什么样的?


...


标记用于在页面上添加一条水平线。您可以通过指定宽度和颜色属性来控制水平线的长度和颜色。

点击查看效果。


学画画基础入门教程(古筝入门教程)标签用于在页面上添加图片,src属性指定图片的地址,如果无法打开src指定的图片,浏览器通常会在页面上需要显示图片的地方显示alt属性定义的文本。标签用于向页面添加图片,src属性指定图片的地址。如果src指定的图片无法打开,浏览器通常会在页面上需要显示图片的地方显示alt属性定义的文本。

点击查看效果。

学画画基础入门教程(古筝入门教程)

互连

超链接由标签表示,href属性指定链接所链接到的地址。标签可以包含文本或图片。

点击查看效果。

Unibetter大学生论坛
学画画基础入门教程(古筝入门教程) Unibetter大学生论坛

分段和换行

因为HTML文档中忽略了白字符空,为了保证正常的段落换行,需要指出哪些单词属于同一个段落,所以使用了标签。

点击查看效果。

这是第一段。


这是第二段。

有些人用
代替。
只表示换行符,不表示段落的开头或结尾,所以通常没有结束标记。

点击查看效果。

这是第一段。

这是第二段。

这是第三段。

有时,文档应该被视为不同部分的组合。例如,一个典型的页面可能包括三个部分:页眉、正文和页脚。

标签专门用于表示不同的部分:

点击查看效果。

页眉内容


正文内容

页脚内容

形式

HTML文档通常在浏览器中从左到右、从上到下显示,到达窗口右侧时自动换行。为了达到分栏的效果,很多人使用tables()进行页面排版(虽然HTML中提供的表格并不是为了排版)。

标签通常包含几个标签,代表表中的一行。标签也包含标签,每个标签代表一个单元格。

点击查看效果。

2000年悉尼
2004年雅典
2008年北京

标签也可以用或括起来。它们分别代表表头、表体和表尾。打印网页时,如果表单很大,就不会打印在一页上,而是出现在每一页上。

除了单元格是其所在行或列的标题之外,它与非常相似,也在其中使用。

点击查看效果。


时间位置


2000悉尼[br/]2004年雅典2000年北京

制表/列表

表格用于表示二维数据(行和列),而一维数据由列表表示。列表可以分为无序列表(),有序列表()和定义列表()。前两个列表更常见,都包含带标签的列表项。

无序列表表示一系列相似的项目,它们之间没有顺序。

点击查看效果。


苹果

  • 橙色的

  • 桃子

  • 有序列表中项目之间的顺序非常重要,浏览器通常会自动为它们生成编号。

    点击查看效果。


    打开冰箱门。

  • 把大象赶进去

  • 关上冰箱门

  • 结构

    最后,我们来谈谈框架,这是一项非常流行的技术,它能够在一个窗口中同时显示多个文档。主框架页面中没有标签。反而是。

    标记的属性Rows和Cols用于指定框架集中有多少行(列)以及每行(列)的高度(宽度)。

    标签可以包含标签,每个标签代表一个文档(src属性指定文档的地址)。

    如果你觉得这样的页面不够复杂,还可以在标签中包含标签。

    点击查看效果。







    30分钟后我该做什么?

    本文只是给没接触过HTML的人一个初步印象,所以很多东西不谈。本文没有列出HTML中的所有标签,也没有介绍列出的标签的所有属性。另外,没有提到的东西还包括CSS、JavaScript、XHTML、XML、Web标准以及它们与HTML的关系,这些我认为是非常重要的。但是,这些不太可能在30分钟内学会。好在只要进了门,就可以利用网上的很多资源继续学习。当然有纸质书会更好,我推荐。以下是一些我认为不错的网上资源:

  • HTML语言参考(英语)
  • HTML教程
  • 一些我认为你可能已经知道的术语的参考。

    文本 文字 文档 文件,通常指内容是数据(而不是程序)的文件

    相关专题