Sunday, 30 April 2017

Belajar HTML dan CSS part3

Posted By: Muhamad - April 30, 2017


Hi guys, apa kabar semua ? semoga saja baik baik aja ya, amin. Hari ini kita akan melanjutkan pelajaran kita kemarin, hari ini kita akan belajar tentang Heading (penjudulan) dan Membuat link. Oke gan langsung aja, LETS ROLL.

Heading / Penjudulan

Anda bisa membayangkan sebuah buku yang memiliki bab dan subbab di dalamnnya pasti akan enak benget di pandang kan ? nah sekarang kita akan belajar bagaimana menambahkan Heading / Judul pada file HTML kita.

Heading dalam HTML di tuliskan menggunkan tag <h1>, <h2>, <h3> , dan seterusnya sampai <h6>. Teks apapun yang brada di dalam tag tersebut akan di anggap sebagai Heading. Setiap level Heading memiliki text sizenya sendiri sendiri makin <h1> memiliki ukuran text paling besar di bandingkan <h2> dan level lainnya. Tapi perlu di ingat bahwa ukuran huruf dari setiap level dapat di ubah menggunakan CSS.

Oke karena admin anggap materi Heading ini merupakan salah satu meteri yang tidak terlalu sulit maka kita bisa langsung praktek.

1.Buat file HTML baru dan beri nama latihan Heading.
2.Copykan kode di bawah ini gan.


4.Simpan / save.
5.Buka file tersebut dengan web browser keayangan agan, maka agan akan mendapatkan sebuah   halaman web dengan Bab dan subbab yang terlihat begitu rapih.

Membuat Link

Buat agan agan yang suka download - downloadan pasti nggak asing lagi sdengan tulisan Download di sini dan kalau di klik akan membawa agan ke halaman web lain, nah itulah yang admin maksud link. Setelah belajar tentanh Heading sekarang saatnya kita belajar membuat link.

Link standar

Link standar atau di biasa di sebut dengan anchor (pengait) dapat kita buat dengan menambahkan tag <a> pada teks atau objek yang akan kita ingin buat menjadi link.



Namun gan belum bisa melihat perubahan di sini karena belum kita kaitkan tulisan tadi dengan halaman web lain, maka untuk mengaitkan tulisan tadi dengan halaman web lain kita membutuhkan attribut herf untuk memasukan alamat yang akan di tuju apabila kita mengeklik tulisan yang kita masukan ke dalam tag <a>



Link Email

Selain link standar agan juga dapat menggunakan Link Email untuk mengirimkan Email secara otomatis ke suatu alamat email. Untuk membuat Link Email agan hanya perlu menambahkan mailto:alamat@emailtujuan di dalam attribut herf.



Latihan hari ini

Oke gan slesai sudah pelajaran kita hari ini sekarang saatnya kita mempraktekan apa yang sudah kita pelajari hari ini.

1.Buat file HTML baru, terserah kasih nama apa saja.
2.Copykan kode di bawah ini gan.



3.Save lalu buka dengan web browser kesayangan agan dan lihat sendiri hasilnya.

Oke gan mungkin sampai di sini saja pelajaran kita hari ini, semoga apa yang admin bagikan hari ini bermanfaat, mohon maaf atas segala kesalahan dan kekurangan yang ada di dalam blog ini, dan sampai jumpa di postingan admin berikutnnya, HACK AND HAVE FUN !.



Terima kasih telah berkunjung ke blog saya yang sangat sederhana ini, jika anda ingin request game, artikel ataupun tutorial jangan sungkan untuk mengirim email ke
takim.gagah7@gmail.com

About Muhamad

Menulis adalah hobi saya, saya akan terus belajar menjadi lebih baik dan lebih bermanfaat dengan cara membegikan apa yang saya tahu melalui blog saya yang sangat sederhana ini.

1 comments:

Copyright © 2016 TAKIM 99

Blogger Templates Designed by Templatezy