IT入门 > 实战案例 >

此例演示如何实现缩写或首字母缩写。

此例演示如何实现缩写或首字母缩写。 !DOCTYPE html htmlhead meta charset="utf-8" title滴答编程(dida100.com)/title /headbodyabbr title="etcetera"etc./abbrbr /acronym title="World Wide Web"WWW/acronymp在某些浏览器中，...

此例演示如何改变文字的方向。

此例演示如何改变文字的方向。 !DOCTYPE htmlhtmlhead meta charset="utf-8" title滴答编程(dida100.com)/title /head bodyp该段落文字从左到右显示。/p pbdo dir="rtl"该段落文字从右到左显示。/bdo/p /body/html...

文本下划线与删除线

文本下划线与删除线 !DOCTYPE htmlhtmlhead meta charset="utf-8" title滴答编程(dida100.com)/title /headbodypMy favorite color is delblue/del insred/ins!/p/body/html 尝试一下...

此例演示如何实现长短不一的引用语。

此例演示如何实现长短不一的引用语。 !DOCTYPE htmlhtmlhead meta charset="utf-8" title滴答编程(dida100.com)/title /headbodypWWF's goal is to: qBuild a future where people live in harmony with nature./qWe hope they succeed....

实例解析

...

HTML Style 元素

HTML Style 元素 !DOCTYPE htmlhtmlhead meta charset="utf-8" title滴答编程(dida100.com)/title /headbodydiv style="opacity:0.5;position:absolute;left:50px;width:300px;height:150px;background-color:#40B3DF"/divdiv style="font-family:verda...

字体样式，颜色，大小

字体样式，颜色，大小 !DOCTYPE htmlhtmlhead meta charset="utf-8" title滴答编程(dida100.com)/title /headbodyh1 style="font-family:verdana;"一个标题/h1p style="font-family:arial;color:red;font-size:20px;"一个段落。/p/bod...

背景色样式

背景色样式 !DOCTYPE htmlhtmlhead meta charset="utf-8" title滴答编程(dida100.com)/title /headbody style="background-color:yellow;"h2 style="background-color:red;"这是一个标题/h2p style="background-color:green;"这是一个段落...

文本对齐样式

文本对齐样式 !DOCTYPE htmlhtmlhead meta charset="utf-8" title滴答编程(dida100.com)/title /headbodyh1 style="text-align:center;"居中对齐的标题/h1p这是一个段落。/p/body/html 尝试一下...

设置文本字体

设置文本字体 !DOCTYPE htmlhtmlbodyh1 style="font-family:verdana"This is a heading/h1p style="font-family:courier"This is a paragraph./p/body/html 尝试一下...