Hallo, Brother and Sister,
Pada kesempatan kali ini saya akan membagikan tutorial(sekaligus tugas sekolah) yang masih berlabel Teknologi. Sebelumnya maaf apabila blog ini jarang ngepost karena banyak kesibukan yang saya hadapi di dunia nyata :) Oh iya, untuk sekarang dan kedepannya saya akan share tutorial yang berkaitan dengan Bahasa Pemrograman Web, bukan C++ lagi. Untuk sekarang saya akan bagikan tutorial dasar HTML, Apa sih itu ? HyperText Markup Language (HTML) adalah sebuah bahasa markup yang digunakan untuk membuat sebuah halaman web. Langsung saja, berikut Tag - tag dasar di HTML, beserta contoh pengaplikasiannya :
2. Tag Paragraf
Tag Paragraf ini digunakan untuk membuat paragraf. Dan tag-nya yaitu <p> Text </p> jadi jika anda ingin membuat sebuah teks paragraf maka anda bisa membuatnya dengan tag ini. Berikut Codingan dan Screenshoot hasilnya :
3. Tag Link
Tag Link ini digunakan untuk menautkan link pada web anda. Tag link ini yaitu <a> text </a> Untuk lebih jelasnya berikut Codingannya :
Nah diatas ada tag <a href ="link"> text </a>, jadi untuk mengisi linknya anda isikan di href. Nantinya juga text yang ditautkan link itu, jika di klik maka akan terbuka target link yang kita tautkan. Nah, untuk target="_blank" fungsinya agar link tersebut terbuka di new tab. Berikut Screenshoot hasilnya :
4. Tag Image
Tag Image ini tentunya untuk menampilkan sebuah gambar pada web kita. Tag-nya yaitu <img> </img> Untuk lebih jelasnya berikut codingannnya :
Nah <img src="namafile" alt="alternatiftext" width="" height=""> src untuk mengisi nama gambar beseta jenis gambarnya PNG,JPG, ataupun GIF, dan jika bebeda folder maka sebelumnya tulis terlebih dahulu folderya. alt untuk alternative text apabila gambar tidak dapat dimuat, width dan height untuk ukuran gambar. Berikut adalah Screenshoot Hasilnya :
Oke segitu saja postingan dari saya untuk kali ini. Mohon maaf bila ada kesalahan, semoga bermanfaat untuk anda. Apabila ada komentar / masukan bisa diisi di kolom komentar. Sampai jumpa di postingan berikutnya dan jika menurut anda Postingan ini bermanfaat bisa diShare ke teman - teman anda.
Pada kesempatan kali ini saya akan membagikan tutorial(sekaligus tugas sekolah) yang masih berlabel Teknologi. Sebelumnya maaf apabila blog ini jarang ngepost karena banyak kesibukan yang saya hadapi di dunia nyata :) Oh iya, untuk sekarang dan kedepannya saya akan share tutorial yang berkaitan dengan Bahasa Pemrograman Web, bukan C++ lagi. Untuk sekarang saya akan bagikan tutorial dasar HTML, Apa sih itu ? HyperText Markup Language (HTML) adalah sebuah bahasa markup yang digunakan untuk membuat sebuah halaman web. Langsung saja, berikut Tag - tag dasar di HTML, beserta contoh pengaplikasiannya :
- Tag Heading
Tag Heading ini biasanya digunakkan untuk membuat Judul, dan SubJudul. fungsi tag ini, yaitu untuk membuat tulisan berukuran besar/kecil (sesuai dengan ketentuan yang ada). Tag Heading ini ada 6 yaitu :
<h1> text </h1> sampai <h6> text </h6> ukuran yang paling besar yaitu <h1> dan yang paling kecil yaitu <h6>. Berikut codingan dan Screenshoot hasilnya :
2. Tag Paragraf
Tag Paragraf ini digunakan untuk membuat paragraf. Dan tag-nya yaitu <p> Text </p> jadi jika anda ingin membuat sebuah teks paragraf maka anda bisa membuatnya dengan tag ini. Berikut Codingan dan Screenshoot hasilnya :
3. Tag Link
Tag Link ini digunakan untuk menautkan link pada web anda. Tag link ini yaitu <a> text </a> Untuk lebih jelasnya berikut Codingannya :
Nah diatas ada tag <a href ="link"> text </a>, jadi untuk mengisi linknya anda isikan di href. Nantinya juga text yang ditautkan link itu, jika di klik maka akan terbuka target link yang kita tautkan. Nah, untuk target="_blank" fungsinya agar link tersebut terbuka di new tab. Berikut Screenshoot hasilnya :
4. Tag Image
Tag Image ini tentunya untuk menampilkan sebuah gambar pada web kita. Tag-nya yaitu <img> </img> Untuk lebih jelasnya berikut codingannnya :
Nah <img src="namafile" alt="alternatiftext" width="" height=""> src untuk mengisi nama gambar beseta jenis gambarnya PNG,JPG, ataupun GIF, dan jika bebeda folder maka sebelumnya tulis terlebih dahulu folderya. alt untuk alternative text apabila gambar tidak dapat dimuat, width dan height untuk ukuran gambar. Berikut adalah Screenshoot Hasilnya :
Oke segitu saja postingan dari saya untuk kali ini. Mohon maaf bila ada kesalahan, semoga bermanfaat untuk anda. Apabila ada komentar / masukan bisa diisi di kolom komentar. Sampai jumpa di postingan berikutnya dan jika menurut anda Postingan ini bermanfaat bisa diShare ke teman - teman anda.
😃Selamat Bercoding
Related Posts
Pemrograman Berorientasi Objek & Interaksi User dalam JavaScript - Praktikum 16Hallo, Brother and Sister,
Pada kesempatan kali ini saya akan membagikan tutorial(sekaligus tugas sekolah) yang masih b
Penggunaan HTML dengan Cascading Style Sheet (CSS) - Praktikum 9Hallo, Brother and Sister,
Pada kesempatan kali ini saya akan membagikan tutorial(sekaligus tugas sekolah) yang masih b
Edit & Delete Data pada Laravel Framework
Hallo, Brother and Sister,Pada kesempatan kali ini saya akan melanjutkan pembahasan tentang Laravel Framewor
Struktur Kontrol Percabangan - Praktikum 21Hallo, Brother and Sister,
Pada kesempatan kali ini saya akan membagikan tutorial(sekaligus tugas sekolah) yang masih b
Program Menghitung Bilangan Part 1 & 2, Menghitung Lama Menelpon, Menentukan Bilangan Positif / Negatif Dengan Looping - Praktikum Sesi 5Hallo, Brother and Sister,
Pada kesempatan kali ini saya akan membagikan sebuah tutorial(sekaligus tugas sekolah) yang
Penggunakan Tabel dan Spanning di HTML - Praktikum 5Hallo, Brother and Sister,
Pada kesempatan kali ini saya akan membagikan tutorial(sekaligus tugas sekolah) yang masih b
4 Tag Dasar HTML - Praktikum 2
4/
5
Oleh
Aip Ariyadi
