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

</pre><p><span style="font-size:18px;">       1、使用标题标签和段落标签制作李白的诗《望庐山瀑布》，诗正文字体第一行颜色为green，第二行颜色为red，第三行颜色为blue，第四行颜色为pink。字体大小为2。如图所示：</span></p><p><span style="font-size:18px;"><img src="https://img-blog.csdn.net/20150912232925499?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast" alt="" />      </span><pre name="code" class="html"><html>
<head><title>第一个网页</title>
</head>
<body>
<h2><<望庐山瀑布>></h2><p><font  size="2" color="green">日照香炉生紫烟，</font></p><p><font color="red" size="2">遥看瀑布挂前川。</font></p><p><font color="blue" size="2">飞流直下三千尺，</font></p><p><font color="pink" size="2">疑是银河落九天。</font></p>
</body>
</html>

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

<html>
<head><title>《水调歌头》</title>
</head>
<body><font color="red" size="6"><u>水调歌头</u></font><p><font size="2" color="red"><strong>明白几时有，把酒问青天。</strong></font></p><p><font size="2" color="red">不知天上宫阙，今夕是何年？</font></p><p><font size="2" color="red">我欲乘风归去，又恐琼楼玉宇，</font></p><p><font size="2" color="red">高处不胜寒。</font></p><p><font size="2" color="red">起舞弄清影，何似在人间！</font></p><p><font size="2" coor="black"><i>转朱阁，低绮户，照无眠。</i></font></p><p><font size="2" coor="black">不应有恨，何事长向别时圆？</font></p><p><font size="2" coor="black">人有悲欢离合，月有阴晴圆缺，</font></p><p><font size="2" coor="black">此事古难全。</font></p><p><font size="2" coor="black">但愿人长久，千里共婵娟。</font></p>
</body>
</html>

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

<html>
<head><title>《如梦令》</title>
</head>
<body bgcolor="00FF66" leftmargin="100" topmargin="50">
<h1><font size="4">如梦令</font></h1>
<hr/><p><font size="3" color="green">昨夜雨疏风骤，浓睡不消残酒。</font></p><p><font size="3" color="green">试问卷帘人，却道“海棠依旧”。</font></p><p><font size="3" color="green">“知否？知否？应为绿肥红瘦。”</font></p><p><font size="3" color="blue">译文</font></p><p><font size="3" color="green">昨夜雨点稀疏，晚风急猛，我虽然睡了一夜，仍有余醉</font></p><p><font size="3" color="green">未消。试问卷帘的侍女：海棠花怎么样？她说海棠花依</font></p><p><font size="3" color="green">然如旧。知道吗？知道吗？应是绿叶繁茂，红花凋零。</font></p>
</body>
</html>

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

<html>
<head><title></title>
</head>
<body bgcolor="CCCCCC"><img src="data:image/m_tangcupaigu.gif" width="160" height="160" alt="糖醋排骨" title="糖醋排骨" align="left" vspace="50" hspace="50" border="1" /><p>菜名：<font color="blue">糖醋排骨</font></p><p>市场价格：26</p><p>会员价格：<font color="red">24</font></p><p>配料：排骨、糖、醋</p><p>菜品类型：炒菜</p><p>做法：</p><p>1. 猪小排冼净，晾干水份备用；</p><p>2. 锅内倒少量油，烧热之后，爆香姜片；</p><p>3. 放入排骨，一直煸炒到排骨变色后，表面金黄微焦；</p><p>4. 此时就可以放入黄金比例中的调料了，顺序是：先放一汤勺料酒，接着两汤勺酱油，三汤勺米醋最后四汤勺白糖，炒匀</p><p>5. 再倒入能没过排骨的开水，调中小火焖20分钟；</p><p>6. 20分钟后调入盐，开大火收汁，收到汁浓色亮时，撒入芝麻点缀即可出锅（锅里剩下的姜片丢掉不用，最后大火收汁时注</p><p>意多翻动锅内的排骨，避免烧焦哟！）。</p>
</body>
</html>

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

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head><body>
<p>无序列表</p>
<ul type="square"><li>橘子</li><li>香蕉</li><li>苹果</li>
</ul>
<p>有序列表</p>
<ol type="1"><li>橘子</li><li>香蕉</li><li>苹果</li>
</ol>
<p>定义列表 </p>
<dt>所属学院</dt>
<dd>计算机应用</dd>
<dt>所属专业</dt>
<dd>计算机软件工程</dd>
</body>
</html>

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

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

js点击按钮改变字体大小并给他颜色_如何在Elementor中修改文本的字体、大小、颜色、样式...
本文将介绍Elementor网页编辑器中如何修改文本的字体.大小.颜色和样式. 原文首发于:https://loyseo.com/how-to-change-font-size-color-famil ...
WPF中GDI+图形图像的绘制：（一）绘制文本——动态设置字体、大小、颜色
GDI+(Graphics Device Interface Plus图形设备接口加)是.NET框架的重要组成部分,负责在屏幕和打印机上绘制图形图像和显示信息.GDI+不但在功能上比GDI 要强大很多 ...
Pycharm设置开发模板/字体大小/背景颜色 - Python零基础入门教程
目录一.Pycharm 设置字体大小/风格二.Pycharm 设置背景颜色三.Pycharm 设置开发模板四.猜你喜欢零基础 Python 学习路线推荐 : Python 学习目录 > ...
如何批量修改PPT字体、大小、颜色(转)
如何批量修改PPT字体.大小.颜色只需要将以下VBA代码中红色字体,替换成需要更改的字体参数,然后将修改完成的VBA代码放入VBA编辑器中运行即可!只适合PPT2007及其以上版本! Sub cha ...
CSDN文字字体、大小、颜色、加粗、居中、斜体设置
CSDN文字字体.大小.颜色.加粗.居中.斜体设置写在前面一.文字字体二.文字大小三.文字颜色四.文字加粗 (1)方法一 (2)方法二五.文字居中六.文字斜体写在最后写在前面在 ...
【最全IDEA个性化教程】idea设置主题+恢复主题默认设置+设置选中代码颜色+关键字颜色+设置字体大小、样式、颜色+设置背景颜色、图片+设置导航栏背景颜色+设置控制台字体样式及背景+常用快捷键)
目录下载设置主题样式+恢复主题默认设置 1 个性化代码段 1.1设置颜色设置光标颜色自定义图片做背景修改代码段的颜色和背景颜色选中代码块颜色修改,修改括号颜色 1.2 设置字体大小.格式 1 ...
修改ToolBar的标题、子标题字体大小和颜色，toolbar menu字体的大小和颜色以及注意事项
在 Android 5.0 开始推出一个 Material Design 风格的导航Toolbar 控件.由于Toolbar的可定制度高,所以已经逐步替代掉了ActionBar.可以自定义以下几种元素 ...
CSDN-Mardown-改变文本的字体、大小、颜色、背景色、对齐
CSDN-Mardown-改变文本的字体.大小.颜色.背景色.对齐 1.改变文本字体代码举例: <font face="宋体">这是宋体</font> & ...
在画图软件中，可以画出不同大小或颜色的圆形、矩形等几何图形。几何图形之间有许多共同的特征，如它们可以是用某种颜色画出来的，可以是填充的或者不填充的。此外还有些不同的特征，比如，圆形都有半径，可以根据半
代码 import org.w3c.dom.ls.LSOutput;/*在画图软件中,可以画出不同大小或颜色的圆形.矩形等几何图形.几何图形之间有许多共同的特征,如它们可以是用某种颜色画出来的,可以是 ...
【经验分享】CSDN如何修改文字的字体、大小以及颜色
[经验分享]CSDN如何修改文字的字体.大小以及颜色小编整理的markdown相关文章码住,此处应该加鸡腿加

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

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

最新文章

热门文章