整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:

HTML知识点!赶紧码住

.什么是HTML

HTML 是用来描述网页的一种语言。HTML 指的是超文本标记语言: HyperText Markup LanguageHTML 不是一种编程语言,而是一种标记语言标记语言是一套标记标签 (markup tag)HTML 使用标记标签来描述网页HTML 文档包含了HTML 标签及文本内容HTML文档也叫做 web 页面

二.HTML基本语法

(1)HTML标签

整个网页是从<html>这里开始的,然后到</html>结束。

(2)head标签

head标签代表页面的“头”,定义一些特殊内容,这些内容往往都是“不可见内容”(在浏览器不可见)。

(3)body标签

body标签代表页面的“身”,定义网页展示内容,这些内容往往都是可见内容(在浏览器可见)。后续课程讲解的标签都是在body标签内部的各种标签。

三.HTML语法规范

HTML中不区分大小写,但是我们一般都使用小写

HTML中的注释不能嵌套、

HTML标签必须结构完整,要么成对出现,要么自结束标签

HTML标签可以嵌套,但是不能交叉嵌套

HTML标签中的属性必须有值,且值必须加引号(双引号单引号都可以)

四.HTML标签使用方法

(1)HTML无序列表

无序列表是一个项目的列表,此列项目使用粗体圆点(典型的小黑圆圈)进行标记。

(2)有序列表

同样,有序列表也是一列项目,列表项目使用数字进行标记。 列表项使用数字来标记。

(3)段落与文字标签

(4)文本格式化标签

五.HTML表单和输入

表单是一个包含表单元素的区域。表单元素是允许用户在表单中输入内容,比如:文本域(textarea)、下拉列表、单选框(radio-buttons)、复选框(checkboxes)等等。表单使用表单标签来设置。

(1)文本域(Text Fields)

输入类型是由类型属性(type)定义的。大多数经常被用到的输入类型如下:

(2)密码字段

密码字段通过标签 来定义:

(3)单选按钮

标签定义了表单单选框选项

(4)复选框

定义了复选框. 用户需要从若干给定的选择中选取一个或若干选项。

(5)提交按钮

定义了提交按钮。当用户单击确认按钮时,表单的内容会被传送到另一个文件。表单的动作属性定义了目的文件的文件名。由动作属性定义的这个文件通常会对接收到的输入数据进行相关的处理

今天我们就先分享到这里,有不懂的可以私信我

(私信我有免费的IT课程可以领取哟)

HTML中,列表、引用和代码是常用的结构,它们有助于组织内容,突出显示特定信息,并提高网页的可读性和功能性。本文将详细介绍这些元素的使用方法和实例。

列表(Lists)

列表是组织项目或信息点的一种方式。在HTML中,有两种主要类型的列表:有序列表和无序列表。

有序列表(Ordered Lists)

有序列表使用<ol>标签创建,列表中的每个项目使用<li>(列表项)标签标记。有序列表通常用于表示有特定顺序的步骤或排名。

使用实例:

<ol>
  <li>开启电脑。</li>
  <li>打开浏览器。</li>
  <li>访问网站。</li>
</ol>

在这个例子中,步骤按照顺序排列,用户应该按照列表的顺序执行。

无序列表(Unordered Lists)

无序列表使用<ul>标签创建,同样使用<li>标签来定义列表项。无序列表适用于没有特定顺序要求的项目列表。

使用实例:

<ul>
  <li>苹果</li>
  <li>香蕉</li>
  <li>橘子</li>
</ul>

这个例子中的水果列表没有特定的顺序要求。

引用(Blockquotes)

引用用于表示页面上的文本是从其他来源引用的。在HTML中,<blockquote>标签用于定义长引用,而<q>标签用于定义短引用。

长引用

长引用通常用于引用段落长度的文本。它通常会缩进,并且可以包含引用的来源信息。

使用实例:

<blockquote cite="http://example.com/quote-source">
  <p>这是一个长引用的实例,通常用于引用段落文本。引用的文本应该保持原作的语境和意义。</p>
  <footer>— 引用自 <cite>《引用来源的书名》</cite></footer>
</blockquote>

短引用

短引用用于行内文本,它通常不会改变文本的布局。

使用实例:

<p>正如某人所说:<q>知识就是力量。</q></p>

代码(Code)

在网页中展示代码片段时,HTML提供了<code>标签用于标记代码。对于多行代码或需要保持格式的代码,可以使用<pre>标签。

单行代码

单行代码用于展示简短的代码或命令。

使用实例:

<p>要添加一个段落,你可以使用<code><p>...</p></code>标签。</p>

多行代码

多行代码或需要保持原始格式的代码使用<pre>和<code>标签组合使用。

使用实例:

<pre><code>function greet(name) {
  return 'Hello, ' + name + '!';
}</code></pre>

在这个例子中,<pre>标签保持了代码的格式,而<code>标签表示文本是代码。

结论

HTML中的列表、引用和代码是构建清晰、有组织的网页内容的重要工具。列表帮助用户理解信息的结构,引用增加了内容的可信度,而代码的正确展示对于教学和技术文章来说至关重要。通过熟练运用这些元素,你可以提高网页的专业性,使内容对用户更加友好和易于理解。

.什么是HTML

HTML 是用来描述网页的一种语言。HTML 指的是超文本标记语言: HyperText Markup LanguageHTML 不是一种编程语言,而是一种标记语言标记语言是一套标记标签 (markup tag)HTML 使用标记标签来描述网页HTML 文档包含了HTML 标签及文本内容HTML文档也叫做 web 页面

二.HTML基本语法

(1)HTML标签

整个网页是从<html>这里开始的,然后到</html>结束。

(2)head标签

head标签代表页面的“头”,定义一些特殊内容,这些内容往往都是“不可见内容”(在浏览器不可见)。

(3)body标签

body标签代表页面的“身”,定义网页展示内容,这些内容往往都是可见内容(在浏览器可见)。后续课程讲解的标签都是在body标签内部的各种标签。

三.HTML语法规范

HTML中不区分大小写,但是我们一般都使用小写

HTML中的注释不能嵌套、

HTML标签必须结构完整,要么成对出现,要么自结束标签

HTML标签可以嵌套,但是不能交叉嵌套

HTML标签中的属性必须有值,且值必须加引号(双引号单引号都可以)

四.HTML标签使用方法

(1)HTML无序列表

无序列表是一个项目的列表,此列项目使用粗体圆点(典型的小黑圆圈)进行标记。

(2)有序列表

同样,有序列表也是一列项目,列表项目使用数字进行标记。 列表项使用数字来标记。

(3)段落与文字标签

(4)文本格式化标签

五.HTML表单和输入

表单是一个包含表单元素的区域。表单元素是允许用户在表单中输入内容,比如:文本域(textarea)、下拉列表、单选框(radio-buttons)、复选框(checkboxes)等等。表单使用表单标签来设置。

(1)文本域(Text Fields)

输入类型是由类型属性(type)定义的。大多数经常被用到的输入类型如下:

(2)密码字段

密码字段通过标签 来定义:

(3)单选按钮

标签定义了表单单选框选项

(4)复选框

定义了复选框. 用户需要从若干给定的选择中选取一个或若干选项。

(5)提交按钮

定义了提交按钮。当用户单击确认按钮时,表单的内容会被传送到另一个文件。表单的动作属性定义了目的文件的文件名。由动作属性定义的这个文件通常会对接收到的输入数据进行相关的处理

今天我们就先分享到这里,有不懂的可以私信我

(私信我有免费的IT课程可以领取哟)