首页分享 HTML中基本元素基本设置(例如：字体颜色、大小、背景颜色)。

HTML中基本元素基本设置(例如：字体颜色、大小、背景颜色)。

来源：花匠小妙招时间：2024-11-13 13:30

</pre> 1、使用标题标签和段落标签制作李白的诗《望庐山瀑布》，诗正文字体第一行颜色为green，第二行颜色为red，第三行颜色为blue，第四行颜色为pink。字体大小为2。如图所示：<img src="https://img-blog.csdn.net/20150912232925499?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast" alt="" /> <pre name="code" class="html"><html>

<head>

<title>第一个网页</title>

</head>

<body>

日照香炉生紫烟，

遥看瀑布挂前川。

飞流直下三千尺，

疑是银河落九天。

</body>

</html>

2、标题颜色为红色，字体大小为6，加下划线；正文的第一段内容，字体大小为2，字体颜色为红色，第一行加粗；第二段字体颜色为黑色，字体大小为2，第一行字体斜体。如下图所示：

<html>

<head>

</head>

<body>

水调歌头

明白几时有，把酒问青天。

不知天上宫阙，今夕是何年？

我欲乘风归去，又恐琼楼玉宇，

高处不胜寒。

起舞弄清影，何似在人间！

转朱阁，低绮户，照无眠。

不应有恨，何事长向别时圆？

人有悲欢离合，月有阴晴圆缺，

此事古难全。

但愿人长久，千里共婵娟。

</body>

</html>

3、设置标题字体大小为4，页面中所有段落中的文本字体大小为3，设置正文和译文内容字体颜色为绿色，设置译文标题颜色为蓝色，同时设置背景颜色00FF66，页面的左边距100，页面的上边距50。如下图所示：

<html>

<head>

</head>

<hr/>

昨夜雨疏风骤，浓睡不消残酒。

试问卷帘人，却道“海棠依旧”。

“知否？知否？应为绿肥红瘦。”

译文

昨夜雨点稀疏，晚风急猛，我虽然睡了一夜，仍有余醉

未消。试问卷帘的侍女：海棠花怎么样？她说海棠花依

然如旧。知道吗？知道吗？应是绿叶繁茂，红花凋零。

</body>

</html>

4、学习使用文本超链接与图片超链接，页面背景颜色CCCCCC；在页面中首先使用图像的局部制作超链接并设置图片属性，接下来添加文字信息并设置文字超链接。如图所示：

<html>

<head>

</head>

菜名：糖醋排骨

市场价格：26

会员价格：24

配料：排骨、糖、醋

菜品类型：炒菜

做法：

1. 猪小排冼净，晾干水份备用；

2. 锅内倒少量油，烧热之后，爆香姜片；

3. 放入排骨，一直煸炒到排骨变色后，表面金黄微焦；

4. 此时就可以放入黄金比例中的调料了，顺序是：先放一汤勺料酒，接着两汤勺酱油，三汤勺米醋最后四汤勺白糖，炒匀

5. 再倒入能没过排骨的开水，调中小火焖20分钟；

6. 20分钟后调入盐，开大火收汁，收到汁浓色亮时，撒入芝麻点缀即可出锅（锅里剩下的姜片丢掉不用，最后大火收汁时注

意多翻动锅内的排骨，避免烧焦哟！）。

</body>

</html>

5、学习无序列表、有序列表、定义列表。如下图所示：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<title>无标题文档</title>

</head>

<body>

无序列表

</ul>

有序列表

</ol>

定义列表

<dd>计算机应用</dd>

<dd>计算机软件工程</dd>

</body>

</html>

6、体会：HTML初期接触，简单的练习，但对于初学的我的当时也是一把鼻涕一把汗。随着知识的递进，现在整理看来，这真是基础中的基础。初学者可以进行简单的练习，在文本文档中可以实现，比较有意思。

HTML中基本元素基本设置(例如：字体颜色、大小、背景颜色)。

推荐分享

家庭养花风水知识家庭养花“五行说”

家庭养花知识大全家庭养花有什么好处

秋天养花，掌握这5点养花知识，正确管理花卉，让花健康生长

【花卉知识】养花须知：新手养花的选购技巧，不要当冤大头！

HTML中基本元素基本设置(例如：字体颜色、大小、背景颜色)。

推荐分享

家庭养花风水知识 家庭养花“五行说”

家庭养花知识大全 家庭养花有什么好处

秋天养花，掌握这5点养花知识，正确管理花卉，让花健康生长

【花卉知识 】养花须知：新手养花的选购技巧，不要当冤大头！

家庭养花风水知识家庭养花“五行说”

家庭养花知识大全家庭养花有什么好处

【花卉知识】养花须知：新手养花的选购技巧，不要当冤大头！