Menyusun Tata Letak


Di sini saya akan memberikan contoh beserta hasil gamabanya, bagaimana biar tampilan web dapat tersusun rapi. Langsung saja ini contohnya HTML APOTEK :


<html>
<head>
<title>Biodata Diri</title>
</head>
<body>
    <div style="background: #40E0D0"><p align="center"><font size="18" color="black"> APOTEK</font></p></div>

     
        <h3><p align="center"></img></p>
        </h3>
 
    <p align="alternate"><i><b><font size="5"><font color="#FF0000">JENIS OBAT</font></font></b></i></p>
     
    <p align="alternate"><i><b><font size ="5"><font color="lime">TABLET</font></font></b></i></p>
     
    <p align="alternate"><i><b><font size ="5"><font color="lime">KAPSUL</font></font></b></i></p>
 
    <p align="alternate"><i><b><font size="5"><font color="lime">SIRUP</font></font></b></i></p>
 
    <p align="right"><i><b><font size="5" color="yellow">JENIS VITAMIN</font></b></i></p>
 
    <p align="right"><i><b><font size="5" color="#800000">-VITAMIN A</font></b></i></p>
   <p align="right"><i><b><font size="5" color="#800000">-VITAMIN B</font></b></i></p>
   <p align="right"><i><b><font size="5" color="#800000">-VITAMIN C</font></b></i></p>
   <p align="right"><i><b><font size="5" color="#800000">-VITAMIN D</font></b></i></p>

dan ini hasil gambarnya




Kuncinya ini temen-temen kalau mau menyusun tata letak kalimatnya
pertama   <p align="alternate"> untuk kalimat yang letaknya rata dari  kiri ke kanan.
kedua    <p align="right"> untuk kalimat yang letaknya rata dari kanan
ketiga   <p align="center"> untuk kalimat yang letaknya pas di tengah2


Selamat mencoba ya temen-temen
semangattttttttttttttttttttt :D :D !!!!!!!!!!!


0 komentar:

Posting Komentar

 

Belajar HTML Copyright © 2011-2012 | Powered by Blogger