HTML：网页设计案例1

1. 设计如图所示Web页面。所需辅助文字材料如下：

“平淡的语言娓娓道来，如清水芙蓉，不带半点修饰。完全是信手拈来，没有任何矫揉造作之痕正是平平淡淡才是真。
“客居他乡的游子，面对如霜的秋月怎能不想念故乡、不想念亲人呢？如此一个千人吟、万人唱的主题却在这首小诗中表现得淋漓尽致，以至千年以来脍炙人口，流传不衰!
要求：

采用4号标题字显示标题“font标记及文本标记的应用”。
将“平淡的语言娓娓道来，如清水芙蓉，不带半点修饰。完全是信手拈来，没有任何矫揉造作之痕，正是平平淡淡才是真。” 首行缩进5个字符，字体为黑体、蓝色，大小为5。
将段落“客居他乡的游子，面对如霜的秋月怎能不想念故乡、不想念亲人呢？如此一个千人吟、万人唱的主题却在这首小诗中表现得淋漓尽致，以至千年以来脍炙人口，流传不衰! ” 首行缩进4个字符，前一句为加粗效果，后一句为斜体并带下划线效果。

代码：

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title>font标记及文本标记的应用</title><meta name="author" content="huyiwei"></meta><style>p{text-indent: 4em;}</style></head><body><h4 align = "center">font标记及文本标记的应用</h4><font face = "黑体" size = "5" color = "blue"><blockquote>平淡的语言娓娓道来，如清水芙蓉，不带半点修饰。完全是信手拈来，没<br>有任何矫揉造作之痕正是平平淡淡才是真。</blockquote></font><p><b>客居他乡的游子，面对如霜的秋月怎能不想念故乡、不想念亲人呢？</b><i><u>如此一个千人吟、万人唱的主题却在这首小诗中表现得淋漓尽致，以至千年以来脍炙人口，流传不衰! </u></i></p></body>
</html>

截图效果图：

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

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：网页设计案例1

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

最新文章

热门文章