如何使用css，把div设置为一个椭圆容器,在做html页面开发时，我们一般都是使用div来做容器的，如果你需要一个椭圆形的容器，我们可以使用div来实现的，下面来看一下。......
记事本写网页教案-对文中关键词显示解释的方法
来源：互联网
2023-03-16 19:15:32 405
用网页写教案的时候，可以充分利用网页的优势，在不影响文章阅读和排版的情况下，对文中的关键词进行必要的解释。
0记事本写网页教案-HTML格式化排版进阶
工具/原料
- 电脑
- 记事本
方法/步骤
上次回顾：
记事本写入如下代码，加入背景图片，保存后，浏览器刷新显示效果
-------------------------------------------------------------------------------
html>
head>
title>记事本写网页教案/title>
/head>
body background="1.jpg">
h1 style="text-align:center">春晓/h1>
hr />
pre style="text-align:center">
b style="font-family:arial;color:red;font-size:20px;"> 春眠不觉晓，/b>
strong style="font-family:verdana;color:blue;font-size:30px;"> 处处闻啼鸟。/strong>
big style="background-color:green">夜来风雨声，/big>
em style="background-color:yellow"> 花落知多少。/em>
/pre>
hr />
/body>
/html>
---------------------------------------------------------------------
记事本写入如下代码，加入背景图片，保存后，浏览器刷新显示效果
-------------------------------------------------------------------------------
html>
head>
title>记事本写网页教案/title>
/head>
body background="1.jpg">
h1 style="text-align:center" title="孟浩然（689-740），男，汉族，唐代诗人。">春晓/h1>
hr />
pre style="text-align:center">
b style="font-family:arial;color:red;font-size:20px;"> 春眠不觉晓，/b>
strong style="font-family:verdana;color:blue;font-size:30px;"> 处处闻啼鸟。/strong>
big style="background-color:green">夜来风雨声，/big>
em style="background-color:yellow"> 花落知多少。/em>
/pre>
hr />
/body>
/html>
---------------------------------------------------------------------
注意：h1 style="text-align:center" title="孟浩然（689-740），男，汉族，唐代诗人。">春晓/h1>
加入了title=""，表示鼠标悬停时，显示“”中的内容。
继续编辑代码：
b style="font-family:arial;color:red;font-size:20px;" title="首句破题，写春睡的香甜；"> 春眠不觉晓，/b>
将第一句话加入鼠标悬停解释的代码：
title="首句破题，写春睡的香甜；"
继续编辑代码：
strong style="font-family:verdana;color:blue;font-size:30px;" title="次句即景，写悦耳的春声，也交代了醒来的原因；"> 处处闻啼鸟。/strong>
将第二句话也加入鼠标悬停可以看见解释的代码：
title="次句即景，写悦耳的春声，也交代了醒来的原因；"
当然也可以通过加链接跳转到另外一个页面，进行详细解释。
比如：最后一句改为：
a href="2.html"> em style="background-color:yellow"> 花落知多少。/em>/a>
花落知多少。这句话上加了一个超链接，这样鼠标点击后会跳转到2.html页面，2.html可以对该句话进行详细的解释。
注意事项
- 利用title=，可以在不改变排版的情况下添加注释。
- 超链接是网络最重要的属性，在教案中也要逐步融合。
以上方法由办公区教程网编辑摘抄自百度经验可供大家参考！
上一篇：HTML中如何为网页添加背景音乐 下一篇：记事本写网页教案-HTML格式化排版进阶
相关文章
- 详细阅读
- 详细阅读
-
HTML5创作工具，MAKA 2.0史上最全操作指南详细阅读
HTML5创作工具，MAKA 2.0史上最全操作指南,超过15000种模板组合。还怕你没有发挥的空间吗？MAKA（中文：码卡）作为中国最早推出移动端卡片式交互模式的创新者，随着HTML5技术的日渐成熟......
2023-03-16 437 HTML
![HTML网页制作：[17]CSS常用样式字体及颜色属性](https://exp-picture.cdn.bcebos.com/ba274f598540102a99638a11b142a07aa110c5d4.jpg)