Posts

Materi Tentang HTML Part 3

Image
Hyperlink Pada HTML Dokumen HTML mempunyai kemampuan untuk memberikan link dari suatu teks dan / gambar menuju ke dokumen atau bagian lain dalam suatu dokumen. Borwser web akan menyorot teks atau gambar yang diindentifikasikan sebagai link dengan warna dan / atau garis bawah untuk menunjukkan bahwa itu adalah hyperteks link. HTML menggunakan tag <a> yang disebut sebagai tag anchor untuk membuat suatu link kepada dokumen lain. Contoh : <a href="https://pilipmulyadi.blogspot.com"> pilipmulyadi.blogspot.com </a> Hasil : Membuat link untuk window baru Untuk membuat link supaya membuka window baru dapat di tambahkan atribut: target="_blank" Contoh : Buka halaman <a href="https://pilipmulyadi.blogspot.com" target="_blank"> pilipmulyadi.blogspot.com </a> di window baru Hasil : Mailto Berikut ini adalah contoh link untuk menghubungkan ke sebuah alamat email. Contoh : Kirim kritik dan saran anda ke <a href="mailto:mul...

Materi Tentang HTML Part 2

Image
Paragraf Pada HTML Paragraf Setiap paragraf harus dimulai dengan memberi tag <p> dan diakhiri dengan </p> Contoh: <body> <p> Contoh paragraf 1. Contoh paragraf 1. Contoh paragraf 1. Contoh paragraf 1. Contoh paragraf 1. Contoh paragraf 1. </p> <p> Contoh paragraf 2. Contoh paragraf 2. Contoh paragraf 2. Contoh paragraf 2. Contoh paragraf 2. Contoh paragraf 2. </p> </body> Hasil : Line break Digunakan untuk ganti baris atau ENTER. Tag yang di gunakan adalah <br> Contoh : <body> <p> Contoh paragraf 1. <br> Contoh Paragraf 1. <br> Contoh paragraf 1. <br> Contoh paragraf 1. <br> Contoh paragraf 1. <br> Contoh paragraf 1. </p> <p> Contoh paragraf 2. <br> Contoh paragraf 2. <br> Contoh paragraf 2. <br> Contoh paragraf 2. <br> Contoh paragraf 2. <br> Contoh paragraf 2. </p> </body> Hasil :  Align Digunakan untuk meratakan tulisan. Contoh : ...

Materi Tentang HTML Part 1

Image
Pengenalan HTML HTML HTML  kependekan dari Hyper Text Markup Language. Dokumen HTML adalah file teks murni yang dapat dibuat dengan teks editor. Dokumen ini dikenal sebagai web page. Dokumen HTML merupakn dokumen yang disajikan dalam web browser. Penamaan Dokumen Dokumen HTML diberi nama sembarang atau bebas kemudian di beri tambahan ekstensi/format .html atau .html Definisi Elemen Dokumen HTML disusun oleh elemen - elemen atau komponen dasar pembentuk HTML. Contoh dari elemen dokumen HTML adalah : head, body, list, table, dan paragraf Elemen HTML Elemen yang digunakan untuk membuat suatu dokumen HTML dinyatakan dengan tag <html>, <head>, dan <body>. Setiap dokumen terdiri atas tag head dan body. Elemen Head berisi informasi tentang dokumen tersebut dan elemen Body berisi teks yang akan ditampilkan  di browser. Tag HTML Tag digunakan untuk menandai elemen dalam suatu dokumen HTML. Tag HTML terdiri atas sebuah sudut kiri (<, tanda lebih kecil ), nama sebuah...

Cara membuat kalkulator dengan HTML dan CSS

Image
Cara Membuat Kalkulator       Hai teman-teman perkenalkan nama saya Pilip Mulyadi, saya adalah seorang siswa kelas 11 dan saya mengambil jurusan TKJ atau yang disebut dengan (Teknik Komputer dan jaringan). Saya suka sekali dengan web desain dan pada kesempatan kali ini saya akan memberikan sebuah materi yang berisi tentang HTML dan CSS. Semoga dengan ilmu yang saya bagikan kepada kalian semua bermanfaat.      Ok teman - teman di kesempatan kali ini saya akan memberikan tutorial bagaimana cara membuat kalkulator. Kita sudah tahu bagaimana bentuk dari sebuah kalkulator. Kalkulator ini bisa berfungsi seperti kalkulator pada umumnya. Untuk membuat kalkulator di html, kalian harus menyediakan editor teks/Notepad dan simpan dengan format html. Daripada kalian penasaran coding htmlnya seperti apa, berikut dibawah inilah codingnya : <html> <head> <style> body { background-color: gray;} div.a {text-align: center;} div.b {text-align: left;} .ckr { w...