3. วิชา อาชีพธุรกิจ 1 (ง31102)
โรงเรียนเรยีนาเชลีวิทยาลัย จังหวัดเชียงใหม่
</nav>
<article>
<section>
<figure><img src="girl-cartoon-vector-752546.jpg" width="200px">
<figcaption>About Me</figcaption>
</figure>
</section>
<section class="fEng">
<p><b>Name</b> Surin Aunsan<br>
<b>Date of Birth </b>28 April 2533<br>
<b>Study in Mathayom 4</b> Ragina Colie School , Chaing Mai<br>
<b>I want to be</b> Programmer<br>
<b>My hobby is</b> playing a computer<br>
<b>About me </b><br>
I am cheerful.I like drawimg a picture.I have a dog.Her name is Namkhing and I often watch Korea
movie because it so interesting story and pretty actor every weekend.
</p>
</section>
<section >เลือกภาษา<br>
<a href="#"><img src="thaitw.svg.png" width="60px" title="ภาษาไทย"border="0"></a>
<a href="#"><img src="SP_Promise_Alpha_e.png" width="60px" title="ภาษาอังกฤษ" border="0"></a>
</section>
</article>
<footer><br>@ 2012 – 2013</footer>
</center>
</body>
</html>
style.css
@charset "utf-8";
/* CSS Document */
body center header h1{
width:770px; height:40px; color:#EEE; text-align:left; padding-left:30px; float:left;
3
4. วิชา อาชีพธุรกิจ 1 (ง31102)
โรงเรียนเรยีนาเชลีวิทยาลัย จังหวัดเชียงใหม่
margin-left:20%
}
nav{
width:798px ; height:50px; border:1px solid #fff; border-radius:10px 10px 0px 0px;
background-color:#FFF; float:left; margin-left:20%
}
nav ul{ list-style:none }
nav ul li{
display:block; float:left; padding-left:10px
}
nav ul li a{ text-decoration:none; color:#999}
nav ul li a:hover{color:#03F;}
article{
width:800px ;height:590px;background-color:#E5E5E5;clear:both;float:left;margin-left:20%;
font-size:14px
}
section p{
width:760px; height:150px; float:left; text-align:left; padding:20px
}
figure{
width:760px; height:210px; float:left
}
footer{
width:800px ; height:30px; color:#EEE; text-align:center; float:left; padding-left:20%
}
section video{
width:350px; height:300px; float:left
}
4