超文本标记语言(英语:html)是用于结构化Web页面及其内容的标签语言。网页的内容可以是:一组段落,关键信息列表,还可以包含图片和数据表。标题中显示的是,本文将对HTML及其功能提供基本介绍。
HTML不是一种编程语言,而是用于定义内容结构的标签语言。html由一系列元素(元素)组成,可用于包围不同的部分并以某种方式使它们存在或工作。(标签)可以将超链接添加到段落或图片中,将文本设置为倾斜的主体,更改字体大小等等。例如,键入以下内容:
这条文本行可以封装到段落元素中,以使其在单独的行中呈现:
让我们深入探索此段落元素。
该元素的主要部分是:
属性应包括:
注意:它不包括没有引号的ASCII空间(和“'')的简单属性值,但建议将所有属性值与引号一起包含。这种代码一致性更好,更易于阅读。
一个元素也可以放在其他元素中 - 嵌套。要证明猫非常易碎,您可以用元素包围“ AI程序”,并且爆炸性的单词将被突出显示:
必须确保元素嵌套顺序正确:首先使用此示例
标签,然后标签,因此标签必须先结束,最后结束
标签。以下示例是错误的演示,这是错误的:
元素必须正确启动和结束,以清楚地显示正确的嵌套级别。否则,浏览器必须猜测自己。尽管它会尽力而为,但不会在很大程度上给您预期的结果。因此,请务必避免!
没有任何内容的元素称为空元素。例如,``元素::
该元素包含两个属性,但没有结束标签,并且元素中没有内容。这是因为图像元素不需要通过内容产生效果。它的作用是从其位置嵌入图像。
以上引入了一些基本的HTML元素,但孤独的木材不是森林。:
这里有:
重新审视元素:
如前所述,该元素可以将图像嵌入包含图像文件路径的地址属性SRC的位置。
该元素还包括替换文本属性alt,即图像的描述内容。当用户看不到图像时,它用于显示。无形的原因可能是:
1.用户患有视觉障碍。启动用户可以使用屏幕读取器读取Alt属性的内容。
2.一些错误使图像无法显示。
Alt属性的关键字是“描述文本”。Alt Text应该将图像的含义完全传递给用户以表达“测试图片”以描述Firefox徽标不合适,并将其修改为“ Firefox徽标:盘旋在地球上的消防员“好多了。
您可以尝试为图像编写一些更好的ALT文本。
本段包含一些最常用的文本标记HTML元素。
标题元素可用于指定指定内容的标题和字幕。就像书名一样,每章的标题,小标题等。标题水平,
(EN-US),通常最多使用3-4个标题。
您可以尝试在``元素''上添加合适的标题。
注意:可以发现,MDN网站上的第一个标题的主题是隐藏的。不要使用标题元素来增加和粗体字体,因为标题对于非Obstacle访问和搜索引擎优化非常有意义。保持页面结构清晰清洁,不要跳入标题级别。
正如刚才提到的,
元素用于指定段落。通常用于指定常规文本内容:
尝试将一些文本(在设计网站的外观中)添加到一个或多个段落中,并将其放在您的``元素''下。
Web上的许多内容都是列表,HTML具有一些特殊的列表元素。标签列表通常包括至少两个元素。最常用的列表类型是:
1.无关列表中项目的顺序并不重要,就像购物清单一样。
元素包围。
2.就像烹饪指南一样
元素包围。
列表的每个项目都使用列表项目元素(列表项目)元素
例如,将以下段落更改为列表:
您可以这样更改标记:
尝试将有序列表和序列列表添加到示例页面。
链接非常重要 - 他们提供Web网络属性。要植入链接,我们需要使用一个简单的元素-a是“锚”的缩写。要在链接中添加一些文本,只有几个步骤如下:
如果URL以https://或http://开头,可以获得错误结果。完成链接后,您可以尝试单击它以确保点正确。
HREF的名称可能开始看起来有些困惑,代表超文本参考。
立即添加到页面的链接。
如果您始终遵循本文的指导,则应完成以下页面:
代码部分:
您学到了吗?如果您有帮助,请记住要注意最爱!
原始:https://juejin.cn/post/7098319714392211493