7个让你惊叹的HTML技巧

World Map 
➤ Click on the dots in the map to get respective continent information 
 
 
 
 
 
 
 
 
 
 
 

 
 
 
 
 
 
 
 
 
 
Hi, I am NISHI KASHYAP!!
 
You can see the icon adder above in place of the favicon. 

使用此技巧，网站访问者只需将鼠标指针拖到书面文本的某些字母上即可更改其网页的背景颜色。

例子：在这种情况下，访问者可以通过将鼠标指针拖到“Drag Your Mouse Over Letters To Change Colors!”的文字上来改变颜色。

 
D 
r 
a 
g 
Y 
o 
u 
r 
M 
o 
u 
s 
e 
O 
v 
e 
r 
L 
e 
tt 
e 
r 
s 
To 
C 
h 
a 
n 
g 
e 
C 
ol 
or! 

输出：

Tooltip是“HTML中使用的一个概念，用于显示关于特定选定元素的一些额外信息”。

这个技巧基本上显示了当访问者将鼠标指针悬停在一个元素上时，网站创建者提供的额外信息。

语法：

Drag Your Mouse Over Me!

输出：

此功能类似于您在 Google 搜索文本框中看到的功能，其中语音识别功能可帮助您将句子放入输入字段。

当你使用语音识别输入时，在输入字段的边上会有一个小的麦克风图标显示，当访问者点击该语音图标时，他们的声音会被记录下来并作为用户的输入。

为此，您只需将 x-webkit-speech 属性添加到输入框。
一个例子：

 
 
 
 

 
 
 
 
Voice Recognition Field
 
 


The above field  accepts the input as a Voice.