Belajar HTML (HyperText Markup Language)

         HTML (Hypertext Markup Language) adalah suatu bahasa yang digunakan untuk membuat sebuah halaman web. HTML terdiri dari tag-tag yang mendefinisikan elemen tertentu pada sebuah halaman web. Bagi yang baru belajar HTML tentunya kawan-kawan harus mengetahui kegunaan tag-tag tersebut. 
       Tag HTML adalah kata kunci atau teks khusus yang berada didalam tanda kurung kunci "<" dan ">". Dibawah ini adalah tabel tag-tag HTML yang sering digunakan.


Tag
Keterangan
<html> </html>
Tag untuk mengapit halaman HTML.
<head> </head> 
Tag yang berisi informasi umum dari halaman.
<title> </title> 
Tag untuk Judul halaman.
<body> </body>
Settingan atribut untuk seluruh isi halaman
<b> </b>
Tag untuk menebalkan teks
<i> </i>
Tag untuk memiringkan teks
<u> </u>
Tag untuk menggaris bawahi teks
<p> </p>
Tag untuk membuat paragraf
<font> </font>
Tag untuk memanipulasi huruf
<a> </a>
Tag untuk membuat links
<br>
Tag untuk pindah ke baris baru
<hr>
Tag untuk membuat garis horizontal

Dalam penulisannya struktur dasar dokumen HTML adalah sebagai berikut:


<html>
<head>
<title>... disini judul dokumen saya ....</title>
</head>
<body>

... disini isi Informasi Website Saya ....
... disini isi Informasi Website Saya ....


</body>
</html>


Comments

Post a Comment

Popular posts from this blog

Belajar UML (Unified Modeling Language)

Image
Bagi kawan-kawan yang baru dan sedang belajar mengenai model pengembangan perangkat lunak pasti mendengar istilah UML. Apa sih yang dimaksud UML itu ?. Berbeda dengan DFD ( Data Flow Diagram ) yang digunakan untuk memodelkan perangkat lunak yang menggunakan pemrograman prosedural atau struktural. UML ( Unified Modeling Language ) adalah model pengembangan perangkat lunak yang nantinya akan diimplementasikan menggunakan bahasa pemrograman berorientasi objek. UML digunakan untuk merancang, membangun, mendeskripsikan, menggambarkan dan merancang sistem perangkat lunak. Pada pemodelan UML terdiri dari 13 macam diagram yang dikelompokan menjadi tiga kategori. Untuk lebih jelasnya mengenai pembagian kategori diagram UML dapat dilihat pada Gambar 1. Gambar 1. Diagram UML Structure Diagrams, yaitu kumpulan-kumpulan diagram yang digunakan untuk memodelkan atau menggambarkan suatu struktur statis. Behavior Diagrams, yaitu kumpulan diagram yang digunakan untuk menggambarkan rangkaia
Read more

Cara Menambahkan Keterangan (Caption) Pada Gambar, Grafik, Tabel Di Microsoft Word

Image
Di Microsoft Word terdapat fungsi caption yang berfungsi untuk menambahkan sebuah keterangan pada gambar. Tidak hanya gambar fungsi caption juga dapat menambahkan keterangan pada tabel, grafik yang ditampilkan oleh penulis sehingga para pembaca yang melihat gambar dapat mengerti dan memahami informasi yang ada pada gambar tersebut. Biasanya sebagian dari kita pernah menambahkan keterangan pada gambar secara manual yaitu dengan menulisnya langsung dibawah gambar, tabel, maupun grafik. Dengan cara manual tersebut memiliki banyak kekurangan yaitu kita nantinya akan kesulitan membuat daftar gambar, tabel ataupun grafik. Karena dalam pembuatan daftar gambar otomatis perlu membutuhkan fungsi caption. Untuk lebih jelasnya tentang menambahkan caption dapat mengikuti langkah-langkah berikut. Yang pertama tambahkan file gambar, grafik, maupun tabel yang ingin ditambahkan caption atau keterangan dibawahnya. Lalu klik pada gambar sehingga gambar tersebut ter-blok seperti Gambar 1 berik
Read more

Cara Membuat Kop Surat Dengan Benar

Image
Surat resmi pasti menggunakan yang namanya kop surat atau bisa juga disebut kepala surat. Kop surat adalah identitas dari sebuah organisasi, instansi, ataupun perusahaan yang mengirim surat. Kop surat ini terletak pada bagian atas dari sebuah surat biasa disebut kepala surat. Kop surat biasanya  tentang identitas yang terdiri dari nama organisasi, alamat lengkap, email, dan situs web.  Bagaimana cara membuat kop surat dengan benar ? Mari ikuti cara membuat kop surat berikut: Buka dokumen baru pada microsoft word Pada  menu tab view pastikan mode views dalam bentuk Print Layout. Gambar Menu Layout Setelah itu kita Double Click atau klik ganda pada header bagian atas dokumen. Gambar Header Selanjutnya geser margin kiri anda sedikit ke tengah atau sesuaikan perkiraan ukuran logo kop surat. Saya menggesernya ke angka 3. Gambar Margin Header Ketik isi kepala surat seperti nama, alamat, email lembaga, instansi anda pada header tersebut. Gam
Read more