码迷,mamicode.com
首页 > 其他好文 > 详细

20161107

时间:2016-11-07 20:03:15      阅读:216      评论:0      收藏:0      [点我收藏+]

标签:学习生活1

  了解了前台和后台的基本概念,学习了一些基本的html概念,做了几个基本的网页,做了几个色块。


注意:<>中的为标签,<br>为换行符,<!--注释-->为注释,作用解释说明,或者使代码失去作用


<meta charset="utf8"><!--强制规定编码-->


http 超文本传输协议  HyperText Transfer Protocol

URL 统一资源低位符   UniformResourceLocation

html 超文本标记语言 HyperText Marked Language

CSS 层叠样式表 Cascading Style Sheets


实现:

<!DOCTYPE html>

<html>

<head>

<title></title>

<style>

#a{

width: 500px;/*设置宽度*/

height: 500px;/*设置高度*/

background-color: #00ff00;/*设置背景色*/

float: left ;/*浮动*/

}

#b{

width: 500px;

height: 500px;

background-color: #00ffff;

float: left;


}

#c{

width: 500px;

height: 500px;

background-color: #0000ff;

float: left;

}

#d{

width: 500px;

height: 500px;

background-color: #ff0000;

float: left;

}

.clean{/*.代表了class*/

clear: left;/*清除浮动*/

}

</style>

</head>

<body>

<div id="a"></div>

<div id="b"></div>

<div id="c"></div>

<div class="clean"></div>>

<div id="d"></div>

</body>

</html>


20161107

标签:学习生活1

原文地址:http://12254249.blog.51cto.com/12244249/1870287

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!