Kamis, 03 Januari 2019

HTML Dasar

Selamat data kembali di blog saya, kali ini saya akan membahas tentang dasar HTML berdasarkan Tugas yang dosen saya berikan. 



Didalam HTML dikenal adanya tag atau tanda-tanda khusus yang merupakan rangaian perintah yang akan di proses oleh Web Browse. HTML(Hypertext Markup Language) merupakan bahasa interpreter, dimana fungsi interpreter diperankan oleh Web Brwse yang digunakan untuk menerjemahkan tag-tag yang diselipkan di dalam file berekstensu .html atau .htm dan menampilkannya dilayar sesuai dengan tag yang ditemukan. Untuk lebih jelasnya mari kita bahas.

Sebagai Contoh kita akan membuat tampilannya seperti ini.

Pertama-tama kita akan membuat sebuah tag awal, tagnya seperti berikut:

Selanjutnya Kita buat Tagnya hingga seperti ini.


Membuat kopsurat dengan logo uniku seperti ini penggalan Syntaxnya.


·     1. Pertama-tama tuliskan sytanya sperti berikut:

     <td><img src="logo uniku.png" width="180" height="180" rowspan="3"></td>

<td></td> merupakan perintah untuk membuat kolom baru, untuk pemaggilan sebuah logo kita harus memasukan perintah <img src=”(nama file logo)” jangan lupa untuk memasukan file logo kedalam folder yang sama dengan file html untuk memudahkan pengambilan logo. Untuk ukuran logo kita gunakan perintah Widht dan Height seperti di syntax atas dan penggunaan rowspan adalah untuk menyatukan beberapa kolom pada table.


·     2. Selanjutnya membuat keterangan kopsurat seperti gambar diatas

     <td><font size="10"><center>Universitas Kuningan<br>Fakultas Ilmu Komputer<br>Jalan Tjut Nyak Dien No.36 Kuningan</center></td></font>

<td></td> merupakan perintah untuk membuat kolom baru, untuk merubah sebuah ukuran font digunakanlah perintah <font size=”(ukuran yang diinginkan)”> agar tulisan dapat berada di tengah gunakanlah perintah <center>. Selanjutnya untuk memisahkan judul dengan sub judul gunakanlah perintah <br> atau bisa dikatakan Enter.


·     3.Membuat Sebuah Line atau Garis seperti pada gambar

     <hr size="2" color="blue">

<hr> merupakan perintah untuk membuat sebuah garis atau line, untuk merubah ukuran line tersebut gunakanlah perintah Size dan Color untuk merubah Warna line tersebut

Selanjutnya membuat Biodata, seperti ini penggalan Syntaxnya.


·          Membuat Table dengan perintah <table></table>

  <table>

                <tr>
                                <td width="150">Nama<br>NIK<br>TTL<br>Alamat<br>Agama</td>
                                <td>:<br>:<br>:<br>:<br>:</td>
                                <td>Romi Ilhami<br>20160910095<br>Kuningan 03 Maret   1995<br>Purwawinangun<br>Islam</td>
                </tr>
</table>

gunakan perintah <table>untuk membuah sebuah tale, dalam perintah table gunakan <tr> untuk menambahkan baris dan <td> untuk menambahkan kolom.

Sekian Postingan yang saya buat kali ini, semoga bermanfaat. 
Jika kalian masih bingung dengan perintah-perintahnya silahkan cek postingan saya tentang


Related Posts:

  • Pengenalan Objek dan Class Pada JAVA Halo selamat datang kembalidi blog saya, kali ini saya akan membagikan postingan tentang Bahasa Pemograman Java mengenai Object dan Class, silahkan Kunjungi postingan saya sebelumnya disini. Objek dan Class Pada J… Read More
  • Class, Object, Property dan Method di PHP 1. Pengerian OOP apa itu OOP? OOP singkatan dari Object Oriented Programming sekarang OOP sangat begitu popular, dan banyak digunakan oleh Programer-Programer, Buktinya CMS,Joomla,Wordpress,Drupal dan banyak lagi,… Read More
  • OOP Lanjutan Pada JAVA Halo selamat datang kembalidi blog saya, kali ini saya akan membagikan postingan tentang Bahasa Pemograman Java mengenai OOP Lanjutan, silahkan Kunjungi postingan saya sebelumnya disini. OOP Lanjutan Pada JAVA v… Read More
  • HTML Lanjutan (Link, List dan Tag HTML Untuk Tabel) 2 Halo selamat datang kembalidi blog saya, kali ini saya akan membagikan postingan tentang HTML Lanjutan 2 mengenai Link, List dan Tag Tabel, silahkan postingan saya sebelumnya tentang HTML Dasar dan Perintah-Perintah Dasar … Read More
  • HTML Lanjutan (Link, List dan Tag HTML Untuk Tabel) 1 Halo selamat datang kembalidi blog saya, kali ini saya akan membagikan postingan tentang HTML Lanjutan mengenai Link, List dan Tag Tabel, silahkan postingan saya sebelumnya tentang HTML Dasar dan Perintah-Perintah Dasar HTML… Read More

0 komentar:

Posting Komentar