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

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

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...
Read more

DFD (Data Flow Diagram) atau DAD (Diagram Alir Data)

Image
Apa Itu DFD/DAD ? DFD( Data Flow Diagram ) atau dalam bahasa Indonesia Diagram Alir Data (DAD) pada awalnya dikembangkan oleh Chrish Gane dan Trish Sarson pada tahun 1979 yang termasuk dalam motodologi desain dan analisa siste terstruktur. DFD adalah representasi grafik yang menggambarkan aliran data dan informasi yang diaplikasikan sebagai data input (masukan) dan output (keluaran). DFD dapat digunakan untuk mendesain sebuah sistem atau perangkat lunak dan dapat dibagi menjadi beberapa level yang lebih detail untuk menggambarkan aliran informasi atau proses yang lebih lengkap. DFD menyediakan mekanisme untuk pemodelan fungsional dan pemodelan aliran informasi. Oleh karena itu, DFD lebih sesuai digunakan untuk memodelkan sebuah sistem atau perangkat lunak yang nantinya akan diimplementasikan menggunakan pemrograman yang terstruktur karena pemrograman terstruktur mebagi-bagi bagiannya dengan fungsi dan prosedur-prosedur. DFD Edward Yourdon dan Tom DeMarco sangat populer digu...
Read more