Mengenal Coding HTML
Coding HTML ?
Hallo sobat JoyBoy ✋
Kita bertemu lagi di JoyBoy Code 💗🙏
Pada kesempatan kali ini, kita akan membahas dan mempraktekkan langsung cara mengkoding HTML. 👌
Pada kesempatan kali ini, kita akan membahas dan mempraktekkan langsung cara mengkoding HTML. 👌
HTML adalah kependekan dari Hyper Text Markup Language, yaitu sebuah bahasa markup yang digunakan untuk membuat sebuah halaman web.
Dan untuk membuatnya, kita bisa menggunakan aplikasi Microsoft Visual Code, notepad, atom, sublime teks dll. Tetapi untuk kali ini, kita akan belajar menggunakan Microsoft Visual Code dahulu. Alasan saya nggunakan Microsoft Visual Code salah duanya adalah karena softwarenya gratis dan mudah di dapatkan di mbah google 😂😂. Dan untuk penulisan bahasa HTML sebenarnya tidak terlalu berbeda jika menggunakan software lainnya.
Cara Memprogram :
Kali ini saya akan mencontohkan dengan membuat bio data saya :
1. Make..
Membuka Microsoft Visual Code dan membuat file baru.
2. Write..
Setelah Terbuat, ketik program yang ingin dibuat.
<html>
<head>
<title>
JoyBoy Code!
</title>
</head>
<body>
<h1 style=color:green;> Biodata</h1>
<font color=blue>
Nama : Hegi Firmansyah <br>
NRP : 1103181055<br>
Jurusan : Teknik Elektronika <br>
Kelas : 1 D3 EB
</font>
</body>
</html>
Penjelasan :
• DOCTYPE deklarasi mendefinisikan jenis dokumen menjadi HTML
• Teks antara <html> dan </ html> menggambarkan sebuah dokumen HTML
• Teks antara <head> dan </ head> memberikan informasi tentang dokumen
• Teks antara <title> dan </ title> memberikan judul untuk dokumen
• Teks antara <body> dan </ body> menggambarkan isi halaman yang terlihat
• Teks antara <h1> dan </ h1> menggambarkan judul
• Teks antara <p> dan </ p> menjelaskan isi
Menggunakan deskripsi ini, web browser dapat menampilkan dokumen dengan judul dan paragraf.
• <h1 style=color:green;> Biodata</h1> Memberi warna hijau pada judul
• <font color=blue> </font> Memberi warna biru pada font
Hukum HTML Tag
Tag HTML adalah kata kunci (nama tag) yang dikelilingi oleh kurung sudut:
<Tagname> konten </ tagname>
• Tag HTML biasanya datang berpasangan seperti <p> dan </ p>
• Tag pertama dalam pasangan adalah tag awal, tag kedua adalah tag akhir
• Tag akhir ditulis seperti tag awal, tetapi dengan garis miring sebelum nama tag
3. Save It !
Save di lokasi yang anda inginkan, dalam format HTML. Dan tentunya jangan lupa diberi nama👌
4. MasterPiece
buka file yang telah di save tadi dengan menggunakan browser. Dan lihat MasterPiece yang telah anda buat.
Untuk pembahasan lebih lanjut akan kami post segera..
Jadi pantau selalu JoyBoy Code....
Comments
Post a Comment