点击换土html,沃土前端系列 - HTML常用标签

html是什么

HTML是Hyper Text Markup Language的缩写，中文的意思是“超文本标记语言”，它是制作网页的标准语言。由于网页中不仅包含普通文本，还包含超文本，故被称作超文本描述语言。

那什么是超文本呢？所谓超文本，就是指图像、视频、动画、声音、表格、链接等多媒体的内容。

第一个网页Hello world

打开记事本,写上Hello world,然后保存为index.html,接着用浏览器把index.html打开,就看到了

Hello world,这就是一个最简单的网页。

认识标签

什么是标签(元素)

demo

hello world

html、body、head、meta都是标签，不同的标签作用也不同

常用标签一

标题标签H1~H6

分割线标签 hr

div标签

段落p标签

span标签

块级标签和行内标签

换行标签 br

图片标签

列表标签

这是h1标签

这是h1标签

这是h1标签

这是h1标签

这是h1标签

这是h1标签

---

这是div标签

这是段落标签，文字的上下会有间隔

第一个span标签

第二个span标签

无序列表

• 内容1
• 内容2
• 内容3
• 内容4
• 内容5

有序列表

1. 内容1
2. 内容2
3. 内容3
4. 内容4

常用标签二：表格标签

姓名年龄性别

楚留香22男胡铁花20男范冰冰30女

常用标签三：表单标签

男：

女：

足球：

篮球：

羽毛球球：

乒乓球：

常用标签四：链接标签、下拉列表标签和iframe标签

链接标签

p {

width: 300px;

line-height: 3;

}

hello world

百度

新浪

锚点aaa

HTML是Hyper Text Markup Language的缩写，中文的意思是“超文本标记语言”，它是制作网页的标准语言。由于网页中不仅包含普通文本，还包含超文本，故被称作超文本描述语言。 那什么是超文本呢？所谓超文本，就是指图像、视频、动画、声音、表格、链接等多媒体的内容。 HTML是网页的基本描述语言，由Tim Berners-Lee在1990年提出，其目的是方便地把一台电脑中的文本或图形，与另一台电脑中的文本或图形联系在一体，形成一个有机的整体，让人们不必考虑这些信息是在当前的电脑上，还是在网络上的其他电脑上。 HTML 不是一种编程语言，而是一种描述性的标记语言 (markup language)，它使用标签来描述网页，负责将网页内容进行格式化，使内容更具逻辑性。 HTML文档不需要编译，直接由浏览器解释执行，浏览器(IE、FireFox、Chrome、Opera、Safari、UC等)软件知道HTML的语法，知道如何解释HTML文档。目前互联网上的绝大部分网页，都是使用HTML编写的。

HTML是Hyper Text Markup Language的缩写，中文的意思是“超文本标记语言”，它是制作网页的标准语言。由于网页中不仅包含普通文本，还包含超文本，故被称作超文本描述语言。 那什么是超文本呢？所谓超文本，就是指图像、视频、动画、声音、表格、链接等多媒体的内容。 HTML是网页的基本描述语言，由Tim Berners-Lee在1990年提出，其目的是方便地把一台电脑中的文本或图形，与另一台电脑中的文本或图形联系在一体，形成一个有机的整体，让人们不必考虑这些信息是在当前的电脑上，还是在网络上的其他电脑上。 HTML 不是一种编程语言，而是一种描述性的标记语言 (markup language)，它使用标签来描述网页，负责将网页内容进行格式化，使内容更具逻辑性。 HTML文档不需要编译，直接由浏览器解释执行，浏览器(IE、FireFox、Chrome、Opera、Safari、UC等)软件知道HTML的语法，知道如何解释HTML文档。目前互联网上的绝大部分网页，都是使用HTML编写的。

这是个锚点

回顶部

那什么是超文本呢？所谓超文本，就是指图像、视频、动画、声音、表格、链接等多媒体的内容。 HTML是网页的基本描述语言，由Tim Berners-Lee在1990年提出，其目的是方便地把一台电脑中的文本或图形，与另一台电脑中的文本或图形联系在一体，形成一个有机的整体，让人们不必考虑这些信息是在当前的电脑上，还是在网络上的其他电脑上。 HTML 不是一种编程语言，而是一种描述性的标记语言 (markup language)，它使用标签来描述网页，负责将网页内容进行格式化，使内容更具逻辑性。 HTML文档不需要编译，直接由浏览器解释执行，浏览器(IE、FireFox、Chrome、Opera、Safari、UC等)软件知道HTML的语法，知道如何解释HTML文档。目前互联网上的绝大部分网页，都是使用HTML编写的。

下拉列表标签

西瓜

苹果

雪梨

香蕉

iframe标签

常用标签五：html5新标签

html5是什么

Html5常用新增标签

header头部标签

footer底部标签

nav导航标签

audio音频标签

video视频标签

canvas画布标签

其他标签

百度

新浪

腾讯

---

---

底部标签

var c = document.getElementById("myCanvas");

var cxt = c.getContext("2d");

cxt.fillStyle = "#FF0000";

cxt.fillRect(0, 0, 150, 75);

更多标签

更多标签请访问：