HTML：网页设计案例3

编写如下图所示页面的代码，所需辅助文字材料如下：
第一部分：“1.标题字应用”

第二部分：“2.段落、字体标记应用”
段落的内容如下：
网页的本质就是超级文本标记语言，通过结合使用其他的Web技术（如：脚本语言、公共网关接口、组件等），可以创造出功能强大的网页。
第三部分：“3.文本标记应用”
具体内容如下：
2X2+3x=9 x1+x2=10
地址：江苏省南京市珠江路1924号
超级文本标记语言是标准通用标记语言下的一个应用，也是一种规范，一种标准，它通过标记符号来标记要显示的网页中的各个部分。网页文件本身是一种文本文件，通过在文本文件中添加标记符，可以告诉浏览器如何显示其中的内容（如：文字如何处理，画面如何安排，图片如何显示等）。
第四部分：“4.其它排版标记应用”
内容如下：
《春思》
李白
燕草如碧丝，秦桑低绿枝。
当君怀归日，是妾断肠时。
春风不相识，何事入罗帏？
【评析】:这是一首描写思妇心绪的诗。开头两句以相隔遥远的燕秦春天景物
起兴，写独处秦地的思妇触景生情，终日思念远在燕地卫戍的夫君，盼望他
早日归来。三、四句由开头两句生发而来，继续写燕草方碧，夫君必定思归
怀己，此时秦桑已低，妾已断肠，进一层表达了思妇之情。五、六两句，以
春风掀动罗帏时，思妇的心理活动，来表现她对爱情坚贞不二的高尚情操。
全诗以景寄情，委婉动人。

代码：

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title>格式化文本信息</title><meta name="author" content="huyiwei"></head><body><h4>[1、标题字应用]</h4><h1><ruby>软<rp><rt>ruan</rt></rp>件<rp><rt>jian</rt></rp>工<rp><rt>gong</rt></rp>程<rp><rt>cheng</rt></rp></ruby>是全国就业薪酬涨幅最大的专业</h1><h5 align = "left">软件工程是全国就业薪酬涨幅最大的专业</h5><h6 align = "right">软件工程是全国就业薪酬涨幅最大的专业</h6><hr width="100%" size="3" color="red"><h4>2.段落、字体标记应用</h4><font face = "楷体" size = "3" color = "blue"><b>&nbsp;&nbsp;&nbsp;&nbsp;网页的本质就是超级文本标记语言，通过结合使用其他的Web技术（如：脚本语言、公共网关接口、组件等），可以创造出功能强大的网页。</b></font><hr width="100%" size="3" color="red"><h4>3.文本标记应用</h4><p>2X<sup>2</sup>+3x=9&nbsp;&nbsp;x<sub>1</sub>+x<sub>2</sub>=10<br><br>地址：江苏省南京市珠江路1924号<br><br><blockquote>超级文本标记语言是标准通用标记语言下的一个应用，也是一种规范，一种标准，它通过标记符号来标记要显示的网页中的各个部分。网页文件本身是一种文本文件，通过在文本文件中添加标记符，可以告诉浏览器如何显示其中的内容(如：文字如何处理，画面如何安排，图片如何显示等）。</blockquote></p><h4>4.其它排版标记应用</h4><blockquote><blockquote><font size = "6" color = "red">《春思》</font><br><font size = "2" color = "black"><blockquote>&nbsp;&nbsp;李白</blockquote></font><font size = "2" color = "black">燕草如碧丝，秦桑低绿枝。<br>当君怀归日，是妾断肠时。<br>春风不相识，何事入罗帏？<br></font>               </blockquote></blockquote><blockquote><p align = "left"><pre>
【评析】:这是一首描写思妇心绪的诗。开头两句以相隔遥远的燕秦春天景物
起兴，写独处 秦地的思妇触景生情，终日思念远在燕地卫戍的夫君，盼望他
早日归来。三、四句由 开头两句生发而来，继续写燕草方碧，夫君必定思归
怀己，此时秦桑已低，妾已断 肠，进一层表达了思妇之情。五、六两句，以
春风掀动罗帏时，思妇的心理活动，来 表现她对爱情坚贞不二的高尚情操。
全诗以景寄情，委婉动人。</pre></p></blockquote></body>
</html>

运行结果截图：

HTML：网页设计案例3相关推荐

Httpster –世界各地最潮的网页设计案例聚合网站
Httpster 这个网站聚合了世界各地最新最潮的网页设计案例,展示了创意的设计,精心的策划,优秀的排版.这些作品都按月份和类别进行了很好划分,你可以方便的找到自己感兴趣的网站案例. 立即去看看您可 ...
最新30个漂亮的个人作品集网页设计案例
原文地址为: 最新30个漂亮的个人作品集网页设计案例作品集网页可设计成多种形式,特别是有关设计,摄影和其他创造性的职业. 这是在以你自己的方式展示自我并呈现你的作品给读者和客户,也是其他人获取灵感的 ...
30个漂亮的网页设计案例(组图)
程序员和设计师都应该关注"漂亮"的网页设计.在本篇文章中,作者为您展示了全球30个优美的网页设计案例,您可以通过它们了解全球优秀的设计师是如何使用图片.色彩以及色调搭配的,这或许可 ...
精美网页设计案例_用户体验设计的精美艺术
精美网页设计案例 There are interactive experiences that simply blow you away. You know it's been a positive ...
34个简洁清爽的网页设计案例欣赏
这篇文章收集了34个简洁清爽的网页设计案例,设计师们可通过这些网站收集的优秀网页设计作品获得灵感,进而设计出更新颖的网页作品,一起欣赏. humaan floridaafterseven jeremy ...
30个漂亮的网页设计案例
[CSDN编译]导读:程序员和设计师都应该关注"漂亮"的网页设计.在本篇文章中,作者为您展示了全球30个优美的网页设计案例,您可以通过它们了解全球优秀的设计师是如何使用图片.色彩以 ...
CSS3艺术:网页设计案例实战之angular实现一、数据准备
<CSS3艺术:网页设计案例实战>的目录,按照章节,进行二级数据组织,以便于导航. 1.在src/app文件夹下,建立model文件夹 2.在model文件夹中,建立section.mod ...
用php写一个美食页面,以美食为主题的网页设计案例10个
以美食为主题的网页设计案例10个美食,无疑是在这个吃货纵横的时代中大家最愿意探讨的话题.厨师满足了我们的味蕾,而设计师也可以用他们的方式为浏览者调制出一种美好的精致和个性,色彩.文字和图片就是他们驾 ...
网页设计案例马拉松宣传网页设计
博客简介本篇博客介绍一个典型而有效的网页设计案例,这个案例用到了HTML,HTML5,CSS,CSS3,JavaScript.囊括了主页设计,联系方式页面设计, 旋转唱片音乐页面,图片库页面,幻灯片 ...
html3d互动页面,体验3D互动！30个使用WEBGL技术的优秀网页设计案例
英文:cssdesignaward 出处:设计达人链接:http://www.shejidaren.com/30-best-webgl-demo-examples.html 网站开发人员通过 Web ...

HTML：网页设计案例3

HTML：网页设计案例3相关推荐

最新文章

热门文章