一：名词解释
HTTP：hypertext transfer protocol 超文本传输协议
HTML:hypertext marked language 超文本标记语言
CSS:Csacading style sheets 层叠样式表
URL:Uniform resoure locator 统一资源定位器
二：HTML基本结构
<!-- 这是文档 -->
<!DOCTYPE html>
<!-- 这是开头 -->
<html>
<!-- 这是头部 -->
<head>
<!-- 这是标题 -->
<title></title>
</head>
<!-- 这是身体（主要内容都在这里） -->
<body>
</body>
</html>
三：举例说明（在网站中显示4个图片）
<!DOCTYPE html>
<html>
<head>
<title>中国经济网</title>
<!-- 这是规定了使用的译码器以防出现乱码译码器为"utf8" -->
<meta charset="utf8">
<!-- 这是设计的风格。只允许出现一次且成对出现 -->
<style>
/*这是图形的整体宽和高（上面总体写了，下面可以省略宽和高再相同尺寸的情况下*/
div{
width: 200;
height: 200;
}
/*这是a标记，他是唯一的，可寻找的下同!*/
/*三原色 红绿蓝即RGB 以16进制表示。例：红色#FF0000*/
/*Float是漂浮的意思就是图像向那个方向走*/
#a{
background-color: #00ff00;
float: left;
}
#b{
background-color: #ff0000;
float: left;
}
#c{
background-color: #0000ff;
float: left;
}
#d{
background-color: #11cc11;
float: left;
}
/*这是强制清除的指令！很重要*/
.clean{
width: 0px;
height:0px;
clear: both;
}
</style>
</head>
<body>
<!-- DIV是身份常用的指令 ID就是指定路径 -->
<div id="a"></div>
<div class="clean"></div>
<div id="b"></div>
<div class="clean"></div>
<div id="c"></div>
<div class="clean"></div>
<div id="d"></div>
</body>
</html>
如图所示
四：心得体会
第一次打代码，心情不是特别的高涨，希望慢慢适应。
共同学习，写下你的评论
评论加载中...
作者其他优质文章
