讲一讲
讲一讲
如何做 网站?
讲一讲
HTML
超文本标记语言（HTM讲一讲
1 你在照片墙中都看到了什么？ 2 图片都是什么形状的呢？ 3 图片的边框都具有哪些特点？
计算机英语
border 边框
solid 实线
cyan 青色
radius 圆角
讲一讲
讲一讲
sr<c=im"igm/g>s/bg1.jpg"
图片路径
讲一讲
<style> #img0{ width:1366px; height:667px; }
</style>
<img src="imgs/bg1.jpg" id="img0"/>
讲一讲
讲一讲
讲一讲
内结容束填标写记
<童h童1>的<照/片h1墙>
开始标记 <h1>通常用来包裹标题内容
讲一讲
确定位置 改变颜色 设置字体
讲一讲
讲一讲
sr<c=im"igm/g>s/robot.jpg"
图片路径
讲一讲
图片显示过大， 需要设置宽高
讲一讲
<style> #img1{ width:461px; height:222px; top:115px; left:279px; }
</style>
<img src="imgs/robot.jpg" id="img1"/>
讲一讲
原点
Y(Y轴)
X(X轴)
讲一讲
原点
left:100px
top:15 px
X(X轴)
Y(Y轴)
讲一讲
<style> #title{ left:100px; top:15px; color:skyblue; font-family: “迷你简菱心"; }
</style>
<h1 id="title">童童的照片墙</h1>
欢乐秀一秀
本次课所学英文单词 本次课所学HTML标记
本次课所学网页样式
码到成功
眼保健操
讲一讲
讲一讲
<style> #img3{ border-radius:50%; }
</style>
讲一讲
<style> #img1{ border:2px solid cyan; }
</style>
边框：边框宽度 边框类型 边框颜色；
讲一讲
码到成功
本阶段学的知识还能做什么呢？