用HTML+CSS做简单的网页传智播客设计学院简介

传智播客设计学院简介

最终网页的效果图

下面是代码：
做这种网页有很多方法，我是主要用的div标签来将它划分为多个部分，进行div嵌套，从而实现上面的效果，具体看下面代码：


<!DOCTYPE html>
<html>
<head><title>员工表</title><style type="text/css">.one{text-align: center}</style>
</head>
<body>
<div><div>  <h1 class="one">传智播客设计学院简介</h1></div><div class="one">    更新时间：2015年07月14时08分 来源：传智播客</div><div style="display:flex"><div><img src="传智播客.png"/></div> <div>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp<b>传智播客设计学院</b>专注于平面设计师、网页设计师、UI设计师的培养。我们拥有专业的师资团队，清晰合理的课程架构，4个月的学习循环渐进、充实饱满，结合大量的案列和实战项目，毕业后相当于两年的工作经验。<br/><br/>
&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp<b>传智播客设计学院</b>交给你的远远不止如何作图，在这里你将学到真正的设计素养和理念，成为平面、网页、UI设计都精通的全能设计师。<br/><br/>
&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp迄今为止<b>传智播客设计学院</b>已经培养出了上万名设计师，遍布于个各种大型企业，同时，从传智播客走出去的学员也得到各个企业的一致认可和好评。</div>
</div>
</div>
</body>
</html>

上面所用的图片是我用ps做做出了的，图片如下：
将上面代码复制到以.html结尾的文件，在将上面图片放到与.html同一个文件夹下面即可得到上述效果。

用HTML+CSS做简单的网页传智播客设计学院简介相关推荐

传智播客设计学院简介网页代码
项目任务项目分析 1.该网页分为左右两大板块 2.左边为字图结合,可在图片处理工具中将图片设计好,再将该图片设为背景即可 3.左图中文字部分可用有序列表制作 4.左图制作好后,设置左浮动,在进行右边 ...
传智播客设计学院简介代码
代码如下: <!DOCTYPE html> <html> <head><title>任务一传智播客</title><meta cha ...
传智播客设计学院简介
实验代码 <!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8 ...
实验一：传智播客设计学院简介
传智播客设计学院简介,并点击图片进入传智播客首页实现效果: 源代码: <!DOCTYPE html> <html lang="en"> <head& ...
传智播客设计学院主页学习案例——HTML,CSS,JS代码学习案例
页面制作效果图 HTML代码: <!DOCTYPE html> <html><head><meta charset="utf-8" /&g ...
传智播客设计学院网页制作案例
做这个案例的方法有很多种,我这个只是上课做的,办法简单粗暴,仅供参考!!!!! 效果图本人英文不是很好,标签命名就很随意,见笑了! html <div id="hear"& ...
HTML简单网页——传智播客学院设计
<!DOCTYPE HTML> <!DOCTYPE html PUBLIC "" ""><HTML><HEAD> ...
成都传智播客就业班简介
成都JAVA培训,传智播客javaEE+3G就业班即将开班.名额仅剩5名,开班时间为:10月12日想学好java又同时学好3G 的童鞋,报名从速呀. 软件学习方法非常重要,软件编程是一门科学技术,不 ...
java如何做全局缓存_传智播客JNI第七讲 – JNI中的全局引用/局部引用/弱全局引用、缓存jfieldID和jmethodID的两种方式...
讲解JNI中的全局引用/局部引用/弱全局引用.缓存jfieldID和jmethodID的两种方式,并编写两种缓存方式的示例代码. 1.从Java虚拟机创建的对象传到本地C/C++代码时会产生引用,根据 ...

用HTML+CSS做简单的网页传智播客设计学院简介

传智播客设计学院简介

用HTML+CSS做简单的网页传智播客设计学院简介相关推荐

最新文章

热门文章