Posted by : Admin web11 Sabtu, 15 Juni 2013

tag_html

Salam Web11...

Akhirnya kita masuk ke dalam pembahasan terakhir mengenai tag-tag html. ini adalah lanjutan materi dari artikel kami Dasar-dasar membuat html bagian 1 dan Dasar-dasar membuat html bagian 2. Apakah teman-teman sudah membacanya? saya sarankan bila teman-teman belum membacanya, teman-teman mengunjungi terlebih dahulu artikel yang kami sebutkan tadi. Okee, kita lanjutkan pembahasan untuk Dasar-dasar membuat html bagian 3.

21. Membuat paragraph baru pada script html.

  • Teori
<p> Ganti Paragraph.
  • Praktek
Ketikkan script dibawah ini pada text editor, setelah itu simpan dengan nama paragraph.html pada folder belajar tag html yag telah kita buat. Kemudian buka file paragraph.html tersebut menggunakan browser teman-teman dan lihat hasilnya.

<html>
<head>
<title>Design-web11</title>
<body>
<p>Ini adalah sebuah paragraph</p>
<p>Ini adalah paragraph kedua</p>
<p>Ini adalah paragraph ketiga</p>
</body>
</head>
</html>

22. Membuat teks dengan ukuran yang sama pada script html.

  • Teori
<pre> Membuat tulisan dengan ukuran yang sama.
  • Praktek
Ketikkan script dibawah ini pada text editor, setelah itu simpan dengan nama pre.html pada folder belajar tag html yag telah kita buat. Kemudian buka file pre.html tersebut menggunakan browser teman-teman dan lihat hasilnya.

<html>
<head>
<title>Design-web11</title>
<body>
<pre> Perintah ini akan menampilkan apa yang kita ketik pada text editor / natural </pre>
</body>
</head>
</html>

23. Mendefinisikan awal script pada script html.

  • Teori
<script> Mendefinisikan awal script.
  • Praktek
Ketikkan script dibawah ini pada text editor, setelah itu simpan dengan nama script.html pada folder belajar tag html yag telah kita buat. Kemudian buka file script.html tersebut menggunakan browser teman-teman dan lihat hasilnya.

<html>
<head>
<title>Design-web11</title>
<body>
<script>
document.write("Hallo Dunia")
</script>
</body>
</head>
</html>

24. Membuat table pada script html.

  • Teori
<table> Membuat tabel.
  • Praktek
Ketikkan script dibawah ini pada text editor, setelah itu simpan dengan nama tabel.html pada folder belajar tag html yag telah kita buat. Kemudian buka file tabel.html tersebut menggunakan browser teman-teman dan lihat hasilnya.

<html>
<head>
<title>Design-web11</title>
<body>
<table border="1">
<tr>
<th>Month</th>
<th>Saving</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
</table>
</body>
</head>
</html>

25. Membuat Kolom tabel pada script html.

  • Teori
<td> Membuat kolom tabel.
  • Praktek
Ketikkan script dibawah ini pada text editor, setelah itu simpan dengan nama kolom.html pada folder belajar tag html yag telah kita buat. Kemudian buka file kolom.html tersebut menggunakan browser teman-teman dan lihat hasilnya.

<html>
<head>
<title>Design-web11</title>
<body>
<table border="1">
<tr>
<td>Cell A</td>
<td>Cell B</td>
</tr>
</table>
</body>
</head>
</html>

26. Membuat Baris tabel pada script html.

  • Teori
<tr> Membuat baris tabel.
  • Praktek
Ketikkan script dibawah ini pada text editor, setelah itu simpan dengan nama baris.html pada folder belajar tag html yag telah kita buat. Kemudian buka file baris.html tersebut menggunakan browser teman-teman dan lihat hasilnya.

<html>
<head>
<title>Design-web11</title>
<body>
<table border="1">
<tr>
<th>Month</th>
<th>Saving</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
</table>
</body>
</head>
</html>

27. Membuat teks garis bawah pada script html.

  • Teori
<u> Membuat teks garis bawah.
  • Praktek
Ketikkan script dibawah ini pada text editor, setelah itu simpan dengan nama garisbawah.html pada folder belajar tag html yag telah kita buat. Kemudian buka file garisbawah.html tersebut menggunakan browser teman-teman dan lihat hasilnya.

<html>
<head>
<title>Design-web11</title>
<body>
<p>Ini adalah sebuah <u>paragraph</u></p>
</body>
</head>
</html>


Selesai lah sudah pembahasan dari kami mengenai tag-tag html. pembahasan ini terdiri dari 3 artikel yaitu dasar-dasar membuat html bagian 1, dasar-dasar membuat html bagian 2 dan dasar-dasar membuat html bagian 3. semoga dari semua materi yang kami berikan dapat membantu teman-teman dalam memulai belajar script html. dan untuk artikel selanjutnya, kita akan lanjut ke artikel latihan html ( Kritik dan saran dari pembaca sangat kami harapkan untuk meningkatkan kualitas dari artikel yang kami buat ).

Leave a Reply

Subscribe to Posts | Subscribe to Comments

- Copyright © Design Web11 -Metrominimalist- Powered by Blogger - Designed by Johanes Djogan -