+ -

Senin, 28 April 2014

Paragraf Dan Heading

Dengan progress belajar yang bagus! Kita sudah belajar kapan dan kenapa menggunakan HTML. Tidak hanya itu, kita juga telah belajar bagaimana untuk :

  • Membuat file HTML dengan tag.
  • Title pada sebuah halaman web (diantara tag <head>)
  • Membuat paragraf (di antara  tag <body> dengan tag <p>)

Step selanjutnya adalah memberikan paragraf kita heading dengan menggunakan tag heading. Kita mulai dengan tag heading <h1>. <h1> merupakan konten terbesar dalam tag heading.


Ikutilah intruksi dibawah ini :

  1. Didalam bagian body, kita buat sebuah heading. Untuk melakukannya, kita buat sebuah tag <h1>.
  2. Tambahkanlah konten, kemudian tutup elemen heading tadi dengan tag penutup </h1>. (sehingga konten kamu akan berada diantara tag <h1> dan </h1>. 
  3. Tepat dibawah tag heading tadi, buatlah sebuah paragraf dengan menggunakan tag <p> dengan isi paragraf yang kamu kehendaki. Dan jangan lupa untuk memberi tag penutup </p> pada paragraf tersebut.   



Source : codecademy.com

Label :
5 M-SYIHABlog: April 2014 Dengan progress belajar yang bagus! Kita sudah belajar kapan dan kenapa menggunakan HTML. Tidak hanya itu, kita juga telah belajar bagaiman...

Rabu, 23 April 2014

Kerangka Dan Paragraf Didalam Body

Sebuah halaman HTML itu di ibaratkan semacam rumah, dimana dibutuhkan sejumlah struktur penting dalam rangka untuk bekerja.

Sama seperti rumah, halaman HTML membutuhkan sebuah frame. Dalam hal ini, bingkai terbuat dari <! DOCTYPE>, <html>, <head>, dan tag body.

Sekedar me-review, file HTML memiliki dua kepala (head) dan tubuh (body). Kepala adalah di mana kamu menaruh informasi tentang file HTML, seperti judulnya.

Dan tubuh adalah tempat kamu meletakkan konten kamu, seperti teks, gambar, dan link. Isi dalam tubuh adalah apa yang akan terlihat pada halaman yang sebenarnya.

Tubuh (body) masuk dalam tag <html>, tepat setelah tag <head>, seperti ini:

<html>
<head>
  <title> My Webpage </ title>
</head>
<body>
</body>
</html>


Source : codecademy.com
Label :
5 M-SYIHABlog: April 2014 Sebuah halaman HTML itu di ibaratkan semacam rumah, dimana dibutuhkan sejumlah struktur penting dalam rangka untuk bekerja. Sama seper...

Membuat Head

Semua listing yang ada di file HTML itu pasti berada diantara tag pembuka <html> dan tag penutup </html>. Nah, selain dari tag pembuka dan tag penutup tersebut ada 2 tag yang juga harus selalu ada disetiap file HTML kita. Yaitu Head dan Body. Mari kita focus terlebih dahulu pada tag Head.

  1. Yang pertama, head adalah sebuah tag pembuka dan tag penutup.
  2. Yang kedua, head itu sangat membutuhkan informasi tentang halaman web kita, seperti sebuah title.
  3. Yang ketiga, title adalah judul/kata yang bisa kita lihat pada tab di browser kita (sebagai contoh, title pada halaman kita adalah “Belajar HTML”).

Ikutilah intruksi berikut ini :
  1. Pada file test.html yang pernah kita buat, tambahkanlah sebuah tag <html> dan </html>.
  2. Kemudian diantara tag <html> tadi tambahkanlah tag <head>dan </head>.
  3. Setelah tag <head> kita buat, sekarang kita tambahkan tag <title> dan </title> diantara tag <head> dan tambahkanlah judul “Belajar HTML”.


Source : codecademy.com
Label :
5 M-SYIHABlog: April 2014 Semua listing yang ada di file HTML itu pasti berada diantara tag pembuka <html> dan tag penutup </html>. Nah, selain dari tag...

Terminologi Dasar HTML

Untuk mempelajari lebih lanjut HTML, kita harus belajar bagaimana berkomunikasi dengan HTML. Artinya bagaimana kita dapat mengaplikasikan apa yang kita mau dengan HTML. Seperti pada posting-posting sebelumnya kamu mungkin telah banyak melihat sintak/simbol <> (Buka kurung lancip).

Dalam HTML simbol seperti ini <> disebut tag. Tag hampir selalu datang perpasangan, yakni tag pembuka dan tag penutup.
Contoh tag pembuka : <html>
Contoh tag penutup : </html>
Kita bisa anggap bahwa tag adalah tanda kurung. Tanda kurung disini berarti bahwa setiap kali kamu membuka satu, kamu harus menutup satu. Tag juga sarang, artinya kamu harus menutup dalam urutan yang benar. Seperti tag yang paling baru dibuka, harus menjadi tag yang paling pertama ditutup. Lihatlah contoh dibawah ini:
<tag pertama><tag kedua> teks </tag kedua></tag pertama>

Pada latihan kali ini kita tau bagaimana mengatur file HTML kita. Apapun yang akan kita lakukan, kita bisa lakukan diantara tag <html> dan </html>.


Setelah postingan ini, saya akan bahas Cara Membuat Head. 



Source : codecademy.com
Label :
5 M-SYIHABlog: April 2014 Untuk mempelajari lebih lanjut HTML, kita harus belajar bagaimana berkomunikasi dengan HTML. Artinya bagaimana kita dapat mengaplikasikan ...

HTML Dan CSS

HTML adalah singkatan dari HyperText Markup Language. Hypertext berarti “text dengan link didalamnya”. Maksudnya adalah setiap kali Kamu klik pada sebuah  kata maka kata tersebut akan membawamu ke halaman web baru, maka dengan itu Kamu telah mengklik hypertext!

Sebuah bahasa markup adalah bahasa pemrograman yang digunakan untuk membuat teks yang dapat melakukan lebih dari sekedar menempel  di halaman saja. Tetapi dapat mengubah teks menjadi gambar, link, tabel, daftar, dan banyak lagi. HTML adalah bahasa markup yang akan kita pelajari.

Apakah Kamu pernah berfikir dan bertanya-tanya “Apa yang membuat halaman web cantik?” Jawabannya adalah CSS-Cascading Style Sheets. Kita bisa menganggap bahwa CSS itu seperti kulit dan makeup yang menutupi tulang dari HTML. Sebelum balajar mengenai CSS, Kita akan balajar HTML terlebih dahulu.

Hal pertama yang harus kita lakukan adalah menyiapkan kerangka halaman.
  1. Selalu menempatkan <! DOCTYPE html> pada baris pertama. Ini untuk memberitahu browser bahasa apa yang dibaca (dalam hal ini, HTML).
  2. Selalu menempatkan <html> pada baris berikutnya. Ini adalah awal dokumen HTML.
  3. Selalu menempatkan </html> pada baris terakhir. Ini adalah akhir dokumen HTML.


Source : codecademy.com
Label :
5 M-SYIHABlog: April 2014 HTML adalah singkatan dari HyperText Markup Language . Hypertext berarti “text dengan link didalamnya”. Maksudnya adalah setiap kali Kamu...

Kenapa Belajar HTML?

Setiap halaman Web yang kamu liat itu ditulis dengan menggunakan bahasa pemrograman yang disebut dengan HTML. Kamu bisa menganggap HTML itu sebagai kerangka yang memberikan setiap struktur halaman web. Dan disini saya akan membahas bagaimana cara menggunakan HTML seperti menambahkan paragraph, heading, gambar dan link-link pada sebuah halaman web.

Bukalah editor dan buatlah sebuah file dengan nama test.hml. Pada file HTML ini akan kita masukan sintak-sintak HTML.

Kemudian ketikkan symbol seperti ini “<>” tanpa kutip(“).  Seperti yang anda lihat seperti itulah sintak HTML dan setiap bahasa pemrograman memiliki sintak tersendiri dalam arti lain setiap bahasa pemrograman mempunyai aturan tersendiri untuk berkomunikasi.

Kemudian buka buka file test.html dengan menggunakan browser. Kenapa browser? Karena pekerjaan browser adalah mengubah sintak dalam file test.html ke halaman web yang bisa dikenali! Ia tau bagaimana layout halaman dengan mengikuti sintak HTML.



 Source : codecademy.com
Label :
5 M-SYIHABlog: April 2014 Setiap halaman Web yang kamu liat itu ditulis dengan menggunakan bahasa pemrograman yang disebut dengan HTML. Kamu bisa menganggap HTML ...
< ◘ >
Langganan: Postingan (Atom)