传智播客网页平面设计免费公开课
<!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>
<h2>传智播客网页平面设计免费公开课</h2>
<p>更新时间：2013年09月28日14时08分 来源：传智播客</p>
<hr />
<p>传智播客网页平面设计公开课---10月11日起晚8:00-10:00点连续三天不间断直播，张鹏老师将带领大家完成网页设计的学习。</p>
<em>我是倾斜显示的文本</em>
<strong>我是加粗但不倾斜的文本</strong>
<!--这是一段注释。注释不会再在网页中显示。-->
<p>这是一段普通的段落。</p>
<h2 align="center"><font face="微软雅黑">传智播客网页平面设计免费公开课</font></h2>
<p align="center"><font color="#979797" size="2">更新时间：2013年09月28日14时08分 来源：<font color="#0000FF">传智播客</font></font></p>
<hr size="2" color="#cccccc" />
<p>传智播客网页平面设计公开课---10月11日起晚8:00-10:00点连续三天不间断直播，<font color="blue">张鹏老师</font>将带领大家完成网页设计的学习。</p>
<h1>1级标题</h1>
<h2>2级标题</h2>
<h3>3级标题</h3>
<h4>4级标题</h4>
<h5>5级标题</h5>
<h6>6级标题</h6>
<hr />
<p align="left">java学院</p>
<hr color="red" align="left" size="5" width="600" />
<p align="center">网页平面设计学院</p>
<hr color="#0066FF" align="right" size="2" width="50%" />
<p align="right">php学院</p>
<p><b>我是使用b标记的加粗文本</b>，<strong>推荐使用strong加粗</strong></p>
<p><i>我是使用i标记倾斜的文本</i>，<em>推荐使用em倾斜文本</em></p>
<p><u>我是u带下划线文本</u>，不推荐使用</p>
<p><s>我是s带删除线文本</s>，<del>推荐使用del带删除线文本</del></p>
<p>挥泪大甩卖，原价<del>260</del>，现价<ins>150</ins></p>
<img src="第七章-images/01.jpg" alt="传智播客 专业的java培训" title="传智播客logo" border="2" hspace="50" vspace="20" align="left"/>
传智播客网页平面设计公开课---10月11日起晚8:00-10:00点连续三天不间断直播，张鹏老师将带领大家完成网页设计的学习。
</body>
</html>
传智播客设计学院
<!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>
</style>
</head>
<body>
<img src="第七章-images/01.jpg" alt"=找到传智播客设计学院学网页、平面、U1 设计去喽" align="left" hspan="30"/>
<h2><font face="微软雅黑" size="6" color="#545454">传智播客设计学院</font></h2>
<p>
<font size="2" color="#515151">
<font color="#0e5c9e">传智播客设计</font>字阮成业丁2010年，专注于平面设计师、网页设计师、Ur 设计师的培养。我们拥有专业的师资团队，消晰合理的课程架构,4个月的学习循序渐进、充实饱满，从最基础的设计软件Photoshop和 Tllustrator 开始学起,通过基础美术学习透视和光影关系，课程中结合大量的案例和实战项目，4个月的学习相当于两年工作经验。</font></p>
<p>
<font size="2" color="#515151">
<font color="#0e5c9e">传智播客设计</font>教给你的远远不止如何作图，在这里你将学到真正的设计素养和理念，毕业之后，你将成为平面、网页、UI设计都精通的全能设计师。</p>
<p>
<font size="2" color="#515151">
迄今为止<font color="#0e5c9e">传智播客设计</font>已经培养出了上万名设计师,遍布于各个大中型企业,同时,从传智播客走出去的学员也得到了各个企业的一致认可和好评。</p>
</body>
</html>七步诗
<!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>
<style type="text/css">
h2{font-size:26px;color:#00C;text-align:left;font-family:"微软雅黑";}
p{font-size:28px;color:#F00;text-align:left;line-height:10px;font-family:"微软雅黑";}</style>
</head>
<body>
<h2>七步诗</h2>
<P>煮豆燃豆萁，</P>
<p>豆在釜中泣。</p>
<p>本是同根生，</p>
<p>相煎何太急。</p>
</body>
</html>
<!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>Google</title>
<style type="text/css">
.g{font-size:60px;color:#36F;font-weight:bold;}
.o{font-size:60px;color:#C00;font-weight:bold;}
.oo{font-size:60px;color:#FF0;font-weight:bold;}
.gg{font-size:60px;color:#36F;font-weight:bold;}</style>
</head>
<body>
<span class="g">G</span>
<span class="o">o</span>
<span class="oo">o</span>
<span class="gg">g</span>le
</body>
</html>
关山月
<!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>
<style type="text/css">
@import "red.css";
@import "blue.css";
</style>
</head>
<body>
<h1>关山月</h1>
<h2>李白</h2>
<P>花间一壶酒，独酌无相亲。</P>
<p>举杯邀明月，对影成三人。</P>
<p>月既不解饮，影徒随我身。</P>
<p>暂伴月将影，行乐须及春。</P>
<p>我歌月徘徊，我舞影零乱。</P>
<p>醒时相交欢，醉后各分散。</P>
<P>永结无情游，相期邈云汉。</P>
</body>
</html>
我是H1标记
<!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>
<style type="text/css">
*{font-size:18px;color:red;style:normal;}
</style>
</head>
<body>
<h1>我是标题H1标记</h1>
<h2>我是标题H2标记</h2>
<div>我是div标记</div>
<p>我是段落p标记</p>
<p>我是斜体标记 我是加粗标记 我是span标记 我是b标记</p>
</body>
</html>
我是默认的字体
<!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>css字体样式属性</title>
<style type="text/css">
.one{color:red;}
.two{font-size:18px;}
.three{font-family:"微软雅黑";}
.four{font-weight:bolder;}
.five{font-style:oblique;}
.six{color:blue;}
.seven{font-variant:small-caps;}
.eight{font-size:18px;font-weight:bold;font-style:oblique;font-variant:small-caps;font-family:"微软雅黑";}
</style>
</head>
<body>
<p class="one">我是的默认字体，设置为红色</p>
<p class="two">我是设置为18像素的字号哦</p>
<p class="three">我是设置为微软雅黑的字体哦</p>
<p class="four">我是设置为加粗的字体哦</p>
<p class="five">我是设置为倾斜的字体哦</p>
<p class="six">我是小写字母：chuan zhi bo ke,设置为蓝色</p>
<p class="seven">我是设置为大写的小写字母：CHUAN ZHI BO KE</p>
<p class="eight">我是综合以上属性的字体哦：CHUAN ZHI BO KE</p>
</body>
</html>
春天
<!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>
<style type="text/css">
*{text-indent:2em}
h1{font-size:16px;color:#F00;font-weight:bold;text-align:center;text-decoration:overline;}
.one{color:#F00}
p{font-family:"宋体"；font-size:12px;color:#0F0}
</style>
</head>
<body>
<h1>春天</h1>
<p><h class="one">春季</h>，地球的北半球开始倾向太阳，受到越来越多的太阳直射，因而气温开始升高。随着冰雪的消融，河流水位上涨。<h class="one">春季</h>植物开始发芽生长，许多鲜花开放，冬眠的动物苏醒，许多以卵过冬的动物孵化，鸟类开始迁徙，离开越冬地向繁殖地进发，许多动物在这段时间里发情，因此中国也将<h class="one">春季</h>称为”万物复苏“的季节，<h class="one">春季</h>气温和生物界的变化对人的心理和生理也有影响。</p>
</body>
</html>
你若安好，便是晴天
<!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>
<style type="text/css">
p{font-size:14px;font-family:"宋体";line-height:18px;}
.one{font-size:18px;color:#F0F;font-weight:bolder;text-align:center;}
.two{color:#F00;text-align:center;}
.three{color:#00F;text-indent:2em;letter-spacing:16px}
.four{color:#0F0;font-weight:bolder;font-style:oblique}
.five{color:#F00;text-decoration:line-through}
</style>
</head>
<body>
<p class="one">你若安好，便是晴天</p>
<p class="two">一个人，一本书，一杯茶，一帘梦。</p>
<p class="three">站在时光的十字路口，回望过去的种种单纯与美好，欣慰而悲凉。</p>
<p class="four">花开花落，风卷云舒。青春如同流沙般从指缝溜走，过去的倔强与轻狂，原来如此荒诞不羁。俗世喧嚣总会想在空灵停滞的时空内，独倚幽窗，品一壶清茶，细细体味光阴如梭，年华老去。</p>
<p class="five">时光轮回，生死交替，红尘无尽。</p>
</body>
</html>
css层叠性演示，猜猜我是什么颜色？
<!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>css层叠性</title>
<style type="text/css">
p{color:#00F}
.one{color:#F00}</style>
</head>
<body><p class="one">css层叠性演示，猜猜我是什么颜色？</p>
</body>
</html>
上海传智播客
<!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>css优先级</title>
<style type="text/css">
p{color:#00F;font-size:12px}
.one{color:#C0F;font-size:36px;font-family:"微软雅黑";}
</style>
</head>
<body>
<p>上海传智播客</p>
<p class="one">测试效果</p>
</body>
</html>
4880
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
