Materi Dasar HTML

          HTML merupakan singkatan dari Hyoper Text Markup Language. HTML merupakan salah satu bahasa pemrograman yang banyak digunakan untuk web. Seperti bahasa pemrograman yang lain, HTML juga akan menggunakan software Note[pad++ untuk menuliskan/membuatnya. Pada penulisan pembuatan file ini tidak membutuhkan software xampp, karena tidak membutuhkan server ubtuk membukanya. Seperti dalam penulisan bahasa pemrograman yang lain, php misalnya, terdapat beberapa instruksi yang harus dituliskan. diantaranya tanda ; tanda ( ) tanda "" atau ' ' sesuai dengan program yang dibuat.

          Untuk lebih mudahnya marilah kita belajar langsung menggunakan aplikasi Notepad++


  • Dalam setiap awal pembuatan file HTML selalu diawali dengan <html> dan ditutup dengan </html>
  • Instruksi dalam tanda < > disebut sebagai tag
  • Di bawahnya bila akan membuat heading maka dituliskan <head> kemudian diikuti menuliskan <title> yang diisi judul ditutup </title> dan heading ditutup </head>
  • Pada bagian selanjutnya membuat isi dengan memulai dengan <body> diikuti isi konten yang menjadi body file diakhiri </body>
  • Beberapa instruksi dapat ditambahkan untuk membuat tulisan tebal, miring, menggaris bawah, mencoret dan sebagainya. 
Sebagai contoh kita buat penulisan file HTML sederhana:

<html>
<head>
<title>Profil-Ku </title>
</head>
<body>
<h1>Saya adalah Mahasiswa Teknik Informatika</h1>
<p>Perkenalkan nama saya Saputra seorang mahasiswa Teknik Informatika. Saya kuliah masuk angkatan 2015/2016 di UMNU Kebumen.</p>
</body>
</html>






kemudian file tersebut kita simpan dalam folder yang sebelumnya telah kita buat. Apabila telah disimpan, untuk membukanya dapat dengan meng klik file simpanan tersebut. Ketika kita buka, hasil tampilan akan menjadi sebagai berikut :


sekarang kita telah dapat membuat satu file HTML sederhana untuk menuliskan sesuatu yang telah dapat dilihat seperti pada tampilan di atas. Untuk selanjutnya dalam HTML ada beberapa instruksi untuk menampilkan tulisan dengan beberapa gaya, warna, font, background, image, membuat link yang menuju pada suatu situs dan sebagainya.

Diantaranya instruksi berikut :
<ins> untuk menggarisbawahi huruf/tulisan
<del> untuk mencoret tulisan
<strong> untuk menebalkan huruf
<sup> untuk menuliskan huruf/angka agak ke atas seperti pada penulisan pangkat
<sub> untuk menuliskan huruf ke bawah
<i> untuk mencetak miring


Previous
Next Post »
0 Komentar