html两行两列圆圈,HTML 教程

image.png

什么是 HTML？

HTML 是用来描述网页的一种语言。

HTML 指的是超文本标记语言 (Hyper Text Markup Language)

HTML 不是一种编程语言，而是一种标记语言 (markup language)

标记语言是一套标记标签 (markup tag)

HTML 使用标记标签来描述网页

HTML的操作思想

网页中有很多数据，不同数据可能需要不同的显示效果，这个时候需要使用标签把要操作的数据包起来(封装起来)，通过修改这些标签的属性值实现数据样式的变化；一个标签相当于一个容器，想要修改容器内的数据样式，只需要修改容器的属性值，就可以实现容器内的数据样式的变化

一个简单的 HTML 长什么样

Page Title

My First Heading

My first paragraph.

HTML头部

1.

元素

在

元素中你可以插入脚本(scripts), 样式文件(CSS)，及各种meta信息

可以添加在头部区域的元素标签为:

,

5.标签

为搜索引擎定义关键词:

为网页定义描述内容:

定义网页作者:

每30秒中刷新当前页面

HTML 标签

HTML 标记标签通常被称为 HTML 标签 (HTML tag)。

HTML 标签是由尖括号包围的关键词，比如

HTML 标签通常是成对出现的，比如

和

标签对中的第一个标签是开始标签，第二个标签是结束标签

开始和结束标签也被称为开放标签和闭合标签

几个常用的HTML标签

1.HTML 标题(Heading)是通过

-

等标签进行定义的。

实例

Hello

HTML

2.HTML 段落是通过

标签进行定义的。

实例

This is a paragraph.

This is another paragraph.

3.HTML 链接是通过 标签进行定义的。

实例

This is a link

4.HTML 图像是通过标签进行定义的。

实例


5.HTML

实例

一个简单的 HTML 表格，包含两行两列：

Month	Savings
January	$100

简单的 HTML 表格由 table 元素以及一个或多个 tr、th 或 td 元素组成。

tr 元素定义表格行，th 元素定义表头，td 元素定义表格单元。

更复杂的 HTML 表格也可能包括 caption、col、colgroup、thead、tfoot 以及 tbody 元素。

6.HTML 列表

1)无序列表

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

无序列表始于

• 标签。每个列表项始于
• 。
  • Coffee
  • Milk

  2)有序列表

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

  有序列表始于

  1. 标签。每个列表项始于
  2. 标签。

     实例

     1. Coffee
     2. Milk

     HTML区块

     1.内联元素(inline element)

     内联元素在显示时通常不会以新行开始

     例如,

     ,,

     2.块状元素(block level element)

     块级元素在浏览器显示时，通常会以新行来开始(和结束)。

     例如

     ,

     ,

     ,

     3.

     元素

     元素是块级元素，它是可用于组合其他 HTML 元素的容器。

     元素没有特定的含义。除此之外，由于它属于块级元素，浏览器会在其前后显示折行。

     如果与 CSS 一同使用，

     元素可用于对大的内容块设置样式属性。

     元素的另一个常见的用途是文档布局。它取代了使用表格定义布局的老式方法。使用 元素进行文档布局不是表格的正确用法。 元素的作用是显示表格化的数据。

     4.元素

     元素是内联元素，可用作文本的容器。

     元素也没有特定的含义。

     当与 CSS 一同使用时， 元素可用于为部分文本设置样式属性。