Hai teman-teman, kembali lagi dengan blog saya kali ini saya akan sharing tentang HTML.
Pengertian:
Hyper Text Markup Language (HTML) adalah sebuah bahasa markah yang digunakan untuk membuat sebuah halaman web, menampilkan berbagai informasi di dalam sebuah penjelajah web Internet dan pemformatan hiperteks sederhana yang ditulis dalam berkas format ASCII agar dapat menghasilkan tampilan wujud yang terintegerasi.
Latar belakang :
Pada tahun 1980 seorang ahli fisika, Tim Burners-lee, dan juga seorang kontraktor di CERN (Organisasi Eropa untuk Riset Nuklir) mengusulkan dan menyusun ENQUIRE, sebuah sistem untuk ilmuwan CERN dalam membagi dokumen. Sembilan tahun kemudian, Berners-Lee mengusulkan adanya sistem markah berbasis internet. Berners-Lee menspesifikasikan HTML dan menulis jaringan beserta perangkat lunaknya di akhir 1990. Pada tahun yang sama, Berners-Lee dan Robert Cailliau, insinyur sistem data CERN berkolaborasi dalam sebuah permintaan untuk pendanaan, namun tidak diterima secara resmi oleh CERN. Di catatan pribadinya sejak 1990 dia mendaftar "beberapa dari banyak daerah yang menggunakan hypertext" dan pertama-tama menempatkan sebuah ensiklopedia.
Penjelasan pertama yang dibagi untuk umum dari HTML adalah sebuah dokumen yang disebut "Tanda HTML", pertama kali disebutkan di Internet oleh Tim Berners-Lee pada akhir 1991.
HTML adalah bahasa markah yang digunakan peramban untuk menafsirkan dan menulis teks, gambar dan bahan lainnya ke dalam halaman web secara visual maupun suara. Karakteristik dasar untuk setiap item dari markah HTML didefinisikan di dalam peramban, dan karakteristik ini dapat diubah atau ditingkatkan dengan menggunakan tambahan halaman web desainer CSS.
Alat & Bahan :
- Text Editor.
- Jaringan Internet.
- Browser.
Maksud dan tujuan sharing materi kali ini adalah agar kita mengenal HTML lebih jauh lagi.
Penjelasan:
1. Tampilan utama
<html>
<head>
<title>latihan</title>
</head>
<body>
<h1>Hello word</h1>
<p>Mari Beljar.</p>
</body>
</html>
2. Untuk memberi warna background
<html>
<head>
<title>latihan</title>
</head>
<body style="background-color:violet;">
<h1>Hello word</h1>
<p>Mari Beljar.</p>
</body>
</html>
3. Membuat huruf menjadi Italic
<html>
<head>
<title>latihan</title>
</head>
<h1><i>Hello word<i></h1>
<p>Mari Beljar.</p>
<body style="background-color:violet;">
</body>
</html>
4. Untuk memasukkan link yang kalian inginkan
<html>
<head>
<title>latihan</title>
</head>
<h1><i>Hello word<i></h1>
<p>Mari Beljar.</p>
<br><a href="http://www.gedongmulyo123.blogspot.com">Kunjungi Link Saya</a></br>
<body style="background-color:violet;">
</body>
</html>
5. Untuk memasukkan gambar sesuai yang kalian inginkan
<html>
<head>
<title>latihan</title>
</head>
<h1><i>Hello word<i></h1>
<p>Mari Beljar.</p>
<br><a href="http://www.gedongmulyo123.blogspot.com">Kunjungi Link Saya</a></br>
<img src="buku.jpg" width="150" height="200">
<body style="background-color:violet;">
</body>
</html>
6. Untuk memberi teks berjalan
<html>
<head>
<title>latihan</title>
</head>
<h1><i>Hello word<i></h1>
<p>Mari Beljar.</p>
<br><a href="http://www.gedongmulyo123.blogspot.com">Kunjungi Link Saya</a></br>
<img src="buku.jpg" width="150" height="200">
<body style="background-color:violet;">
<body BGCOLOR ="#00FF00">
<marquee behavior="alternate">SEMANGAT BELAJAR</marquee>
<marquee bgcolor="#CC0066">SEMANGAT BELAJAR</marquee>
<marquee behavior="alternate">SEMANGAT BELAJAR</marquee>
</body>
</html>
Referensi :
Penutup:
Sekian sharing materi kali ini, maaf jika ada kata kata yang salah semoga bermanfaat dan selamat mencoba :-).Terimakasih
Wassalamu'alaikum Wr. Wb.
0 komentar:
Posting Komentar