上一章 概述

HTML的基本认识

UX百科编辑部2024-01-05 发布
602人在学·3条笔记
收藏

HTML 也叫做超文本标记语言,是一种对内容进行结构化标记的工具。比如我们在一个 TXT 文档中,输入下面两行文字:

  • 超人的干货上新
  • 关于 HTML 和 CSS 入门详解

对于我们来讲,这两段文字的身份分别是 “标题” 和 “正文”,但对于电脑来说,它们都只是一系列文本而已。所以,我们需要赋予它们合法的 “身份”,让电脑可以正确对待他们。

而 HTML 的标签,就是赋予它们对应身份的铭牌,在 HTML 下的展示就会是这样,<h1>内是标题,<p>内是正文:

<h1>超人的干货上新</h1>

<p>关于HTML和CSS入门详解</p>

这和我们日常写作、笔记时使用的 Markdown 逻辑是非常近似的,只是语法上有一定的区别,且 HTML 提供了更多的功能,包括输入框、单选、多选、布局等类型的标签。

有了身份的标识,我们才可以使用 CSS 或者 JS 来对这些身份的人发号命令,这就是 HTML 最基本的作用。并且,HTML 还会通过标签的相互包含,来完成对内容层级结构的制定,我们会在后面具体展开讨论。

当然,HTML 代码需要在 HTML 文档中才能起作用,否则我们在 doc、txt 中写 HTML 代码和标签是没有意义的,这需要我们新建一个 txt 文件,将后缀改成 .html,来完成文档的创建。

之后,对它右键使用文本编辑器打开,就可以输入有关的代码内容了,比如:

  • <h1> Hello World!</h1>

输入完之后,再双击用浏览器打开这个文档,你就可以看见文字对应的显示效果了,这就是你的第一段代码,是不是特别容易?

602人在学·3条笔记
收藏
已学会
52人已学会
下一篇CSS 的基本认识
上一部分的案例中,Hello World 是一段黑色的标题,但我想修改它的大小、色彩、粗细、位置怎么办? 这就需要更改它对应的属性了,在最初,这种更改只需要用 HTML 的功能就可以完成,但效率实在是太低了(后面也会说),于是,分离出了 CSS 作为专门控制样式的替代品。 对于 HTML 的每一个标...
本章笔记
仅看自己
logo
UX小学生发布于 2024-06-27
<h1>内是标题,<p>内是正文: <h1>超人的干货上新</h1> <p>关于HTML和CSS入门详解</p>
HTML 的标签,就是赋予它们对应身份的铭牌,在 HTML 下的展示就会是这样,内是标题,内是正文: 超人的干货上新 关于HTML和CSS入门详解
回复
UX小学生发布于 2024-06-27
<h1>内是标题,<p>内是正文
内是标题,内是正文
回复