Pada Bagian kini akan belajar bagaimana menggunakan beberapa element HTML yang paling umum atau sering digunakan dalam HTML.Pada Pembahasan ini hanya akan mempelajari bagaimana html dapat mengubah teks dengan sebuah code code tertentu.
Berikut Contohnya Codingannya,SAlin codingan tersebut pada Tekeditor kalian,kemudian Simpan dengan format *html,Jika sudah buka web browser kalian,kemudian tulis alamat kalian menyimpan file html tersebut pada address bar.
<!DOCTYPE html>
<html>
<head>
<title>Animals Around the World</title>
</head>
<body>
<h1>The Brown bear</h1>
<p>The brown bear (Ursus arctos) is native to parts of northern Eurasia and North America. Its conservation status is currently "Least Concern." There are many subspecies within the brown bear species, including the Atlas bear and the Himalayan brown bear.</p>
<a href='https://en.wikipedia.org/wiki/Brown_bear' target='_blank'>Learn More</a>
<p>The following are subspecies of bears:</p>
<ul>
<li>Arctos</li>
<li>Collarus</li>
<li>Horribilis</li>
<li>Nelsoni (extinct)</li>
</ul>
<p>The following countries have the largest populations<br /> of brown bears:</p>
<ol>
<li>Russia</li>
<li>United States</li>
<li>Canada</li>
</ol>
<a href='https://en.wikipedia.org/wiki/Brown_bear' target='_blank'><img src='https://s3.amazonaws.com/codecademy-content/courses/web-101/web101-image_brownbear.jpg' alt='Brown Bear'></a>
</body>
</html>
|
Hasilnya akan seperti gambar disamping..Jika berhasil,kalian pasti merasakan senang yang tiada tara.Saya akan jelaskan satu persatu element yang ada pada html yang telah kalian buat
- Tag <h1> adalah tag yang fungsinya yaitu membuat teks heading.Selain h1 ada juga teks heading lainya seperti <h2>,<h3>,<h4>,<h5> hingga <h6> .H1 merupakan teks heading dengan ukuran terbesesar sedangkan h6 adalah teks heading yang berukuran paling kecil.Contohnya seperti pada gambar disamping.
- Tag <p> Merupakan tag yang berfungsi untuk membuat paraghraf pada web.
- <a> adalah tag untuk menambahkan gambar.Cara penggunannya yaitu dengan menuliskan tempat tujuan link tersebut ditunjukan.Contoh seperti ini <a href="www.facebook.com"> fb</a>Secara ajaib jika kalian mengklik link itu kalian akan menuju alamat facebook,yang telah di beri alamat tadi.
- Tag ul atau undored list adalah tag untuk mengurutkan list atau daftar secara acak,Tag ul harus menggunakan tag<li> didalamnya.Untuk mendaftar daftanya.Contoh penggunaanya adalah sebagai berikut:: Contoh codingnya adalah seperti ini silahkan kalian praktekan sendiri coding diatas,Dan lihat hasilnya.
- Selanjutnya,ada tag <ol>,Cara penggunanya sama dengan tag ul<.ul> bedanya dengan tag ul pada tag <ol> .Diurtkan sesuai urutan nomer
- Tag <img>,Merupakan tag untuk memasukan gambar.Contoh pengguaanya adalah seperti ini.<img src="assets/image.saya.png">,Src merupakan sumber atau alamat gambar itu disimpan.
Tidak ada komentar:
Posting Komentar