Rabu, 04 Februari 2009

Belajar Format Teks

Hari ini kita belajar html lagi unutk memudahkannya gunakan notepad atau program sejenisnya, dan setelah selesai simpan dengan format.html. Dan acuhkan warna kuning pada tampilan hasilnya.

Menampilkan teks dengan ganti baris (element BR):

halo   sobat apa kabar
senang sudah mampir ke sini          

<html>
<head>
<title>latihan br</title>
</head>
<body>
halo sobat apa kabar <br>
<br>senang sudah mampir ke sini

</body>
</html>


Menampilkan teks dalam bentuk paragraf (element P):

                           Tampilan teks sebelum paragraf.

                           Tampilan teks paragraf pertama.

                           Tampilan teks paragraf kedua.

                           Tampilan teks setelah paragraf.


<html>
<head>
<title>latihan p</title>
</head>
<body>
Tampilan teks sebelum paragraf.
<p>Tampilan teks paragraf pertama.</p>
<p>Tampilan teks paragraf kedua.</p>
Tampilan teks setelah paragraf.

</body>
</html>


Menampilkan posisi horizontal kelurusan paragraf:

Paragraf rata kiri
Paragraf rata tengah
Paragraf rata kanan
Paragraf rata kiri


<html>
<head>
<title>Latihan paragraf</title>
</head>
<body>
<p>Paragraf rata kiri </p>
<p align="center">Paragraf rata tengah</p>
<p align="right">Paragraf rata kanan</p>
<p align="left">Paragraf rata kiri</p>

</body>
</html>


Menampilkan teks sebagai header (element H):


<html>
<head>
<title>Latihan heading</title>
</head>
<body>
<h1>Heading-1</h1>
<h2>Heading-2</h2>
<h3>Heading-3</h3>
<h4>Heading-4</h4>
<h5>Heading-5</h5>
<h6>Heading-6</h6>

</body>
</html>


Menampilkan teks dalam format tebal, miring dan garis bawah:

                           halo apa kabar
                           halo apa kabar
                           halo apa kabar
                           halo apa kabar

<html>
<head>
<title>Latihan format teks</title>
</head>
<body>
halo apa kabar<br>
<b>
halo apa kabar (bold)</b><br>
<i>
halo apa kabar (italic)</i><br>
<u>
halo apa kabar (underline)</u>
</body>
</html>



Menampilkan teks dalam bentuk apa adanya (element PRE):

                           jalan jalan ke atas gunung
      naik kuda warna putih
wahai kawan jangan melamun
                        aku nulis apa ya
                               

<html>
<head>
<title>tampil apa adanya</title>
</head>
<body>
<pre>
  

                              jalan jalan ke atas gunung
      naik kuda warna putih
wahai kawan jangan melamun
                        aku nulis apa ya
                               
</pre>

</body>
</html>



Menampilkan teks pada posisi tengah jendela web browser (element CENTER):

                           latihan menulis teks center di blog ini
                           latihan menulis teks center
                         
                          
<html>
<head>
<title>Latihan rata tengah</title>
</head>
<body>
<center>
latihan menulis teks center di blog ini<br>
latihan menulis teks center
</center>

</body>
</html>

Tidak ada komentar:

Posting Komentar



Galery Semester

- Pendidikan Pancasila

- Pendidikan Agama (Etika Muslim)

- Matematika Bisnis

- Algoritma dan Struktur Data

- Pemrograman Komputer I

- Bahasa Inggris I

- Elektronika Dasar

- Pengantar Manajemen

- Pengantar Teknologi Informasi

- Konsep Sistem Informasi

- Struktur Data

- Lingkungan Bisnis

- Komunikasi Data

- Bahasa Inggris II

- Teknik Digital

- Organisasi Komputer

- Sistem Operasi

- Statistik Dasar

- Kepemimpinan

- Matematika Diskrit - Mikroprosesor

- Pemrograman

- Tugas Pemrograman

- Pengolahan Basis Data

- Bahasa Inggris III

- Praktikum Hardware / Software

- Jaringan Komputer I

- Komputer Grafis

- E-Commerse

- Praktikum Elektronika Digital

- Jaringan Komputer II

- Manajemen Sains

- Multimedia

- Pemrograman Basis Data

- Pemrograman Komputer II

- Sistem Informasi Manajemen

 Ex-selo Band with girl vocal,and then who is she...?
 


ShoutMix chat widget



free counters
This Blog is proudly powered by Blogger.com | Template by Angga Leo Putra | Modif By Sava