实例一
avalonedit和codecompletion
1.要求：
知识要点： html 文档的基本结构，html 标签的书写格式、作用、用法
实训目的： 掌握 html 文档的基本结构，掌握 html 代码网页编辑的基本方法
实训内容： <html> <head> <title> <body> 标签等, 在网页中插入文字
      <body> 标签及其属性：bgcolor、 background、 text、 link、 alink、 vlink、 leftmargin、 topmargin
特别提醒： 当有<title>而丢掉</title>或书写错误时，文档不能正确浏览
      在html文档中，<html>、<head>、<title> 被完全省略、部分省略或嵌套不严格，是允许的，但这却不是一个
      好习惯用记事本编辑网页文件，在保存文件时，一定要注意文件扩展名写为 .html 或 .htm
问题导学： 请听本页有优美的背景音乐“贝多芬第五交响乐”，如果想删除背景，如何改写代码？
2.代码：
<html>
<head>
<title>简单的html示例</title>
html个人网页制作代码范列
<bgsound src="../music/bendif.mid">
</head>
<body background="../img/bg.jpg">
<center>
<h3>我的第一个网页</h3>
<hr/>
<font size=2>x86汇编指令入门
这是我做的第一个网页，欢迎光临！谢谢！ This is my first web. Welcome.
</font>
</center>
</body>
</html>
3.效果：
sql数据库中查看用户密码实例二
1.要求：
知识要点： 以默认格式显示文字，用FONT标签设置显示文字的格式
实训目的： 掌握设置网页中文字的大小、字体、字型、字号、颜等
实训内容： <font> 标签及其属性：face、size、color　
      <b>、<i>、<u> 标签等
知识扩展： 控制文字的大小、字体、字型、字号、颜，还可以使用 CSS 样式
操作提示： 按下 "新窗口浏览" 按钮可在新窗口中浏览所编辑的网页
      本网页下部有图片素材和音乐素材, 可用作背景图片或背景音乐插入网页中, 路径在其下方可复制引用
2.代码：
<html>
<head>
<title>设置字体字型字号及文字颜</title>
</head>
<body bgcolor="#EEFFFF">
<font face="幼圆" size="1" color="#000000">幼圆黑
size="1"</font>   
<font face="隶书" size="2" color="#0000ff">隶书蓝
size="2"</font>   
qq软件下载2021手机版<font face="黑体" size="3" color="#ff0000">黑体红
size="3"</font>   
<font face="楷体_GB2312" size="4" color="#00ff00">楷体绿
size="4"</font><br/>
<font face="方正舒体" size="5" color="#ff00ff">方正舒体紫
size="5"</font>   
<font face="华文彩云" size="6" color="#333333">华文彩云深灰
size="6"</font><br/>
<font face="华文琥珀" size="7" color="#808080">华文琥珀灰
size="7"</font><br/>
<font color="#808000"><b>B加粗</b> <i>I斜体</i> 
<u>U下划线</u>  <strike>strike删除线</strike></font>
</body>
</html>
3.效果：
实例三
1.要求：
知识要点： 设置文章及章节的标题
实训目的： 掌握在网页中设标题文字的方法，包括标题文字的大小、对齐方式等。
实训内容： <h1> <h2> … <h6> 标签及其属性：align
提高练习： 练习设置标题文字的 字体、颜、字型等
操作提示： 编辑左框中的代码,按下 "查看结果" 按钮, 网页的浏览效果会显示在右框中
      在新窗口中浏览网页,可改变窗口大小以详细观察效果
个人博客长什么样2.代码：
<html>
<head>
<title>设置文章标题</title>
</head>
<body bgcolor="#FFFFEE">
<h1>一级标题，默认左对齐</h1>
<h2 align="center">二级标题，用“center”设置为居中对齐</h2>
<h3 align="left">三级标题，用“left”设置为左对齐</h3>
<h4 align="right">四级标题，用“right”设置为右对齐</h4>
<center><h5>五级标题，用“center”标签设置为居中对齐</h5></center>

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。