Senin, 20 Juli 2015

Belajar Website - Elemen HTML

By: Unknown on 09.29

Elemen HTML ditulis dengan start tag dan end tag, dengan konten diisi di antaranya.

< tagname > konten < / tagname >
elemen HTML adalah semua yang berawal dari start tag sampai end tag.
< p > Paragraf HTML pertama saya. < / p >
Start tag Element content End tag
<h1> My First Heading </h1>
<p> My first paragraph. </p>
<br>    
Catatan Beberapa elemen HTML tidak memiliki tag akhir.

Elemen HTML bisa lebih dari satu

Elemen HTML dapat berisi beberapa elemen.
Contoh ini berisi 4 elemen HTML:

Contoh

<!DOCTYPE html>
<html>
<body>

<h1>My First Heading</h1>
<p>My first paragraph.</p>

</body>
</html>

Cobalah sendiri »

Penjelasan contoh HTML

<html> merupakan elemen yang mendefinisikan seluruh dokumen .
Memiliki start tag <html> dan end tagg </ html>.

konten adalah unsur lain elemen HTML (<body>).
<html>
<body>
 <h1>My First Heading</h1>
<p>My first paragraph.</p>
 </body> </html>
 
<body> adalah elemen mendefinisikan tubuh dokumen .
Memiliki start tag <body> dan end tag </ body>.
konten adalah dua unsur lainnya elemen HTML (<h1> dan <p>).
<body>

<h1>My First Heading</h1>
<p>My first paragraph.</p>

</body>
 
<h1> adalah elemen yang mendefinisikan heading .
Memiliki start tag <h1> dan end tag </ h1>.
kontennya adalah: Postinganku yang pertama.
<h1>Postinganku yang pertama.</h1>
 
<p> adalah elemen yang mendefinisikan isi paragraf .
Memiliki start tag <p> dan end tag </ p>.
kontennya adalah: paragraf pertama saya.
<p>paragraf pertama saya.</p>
 

Jangan Lupakan Tag Akhir

Beberapa elemen HTML akan muncul dengan benar, bahkan jika Anda lupa tag akhir:

Contoh

<html>
<body>

<p>This is a paragraph
<p>This is a paragraph

</body>
</html>

Cobalah sendiri »
Contoh di atas bekerja di semua browser, karena tag penutup dianggap opsional.
Ini mungkin menghasilkan hasil yang tidak diharapkan dan / atau kesalahan jika Anda lupa tag akhir.

Kosong HTML Elemen

Elemen HTML tanpa konten yang disebut elemen kosong.
Situs adalah elemen kosong tanpa tag penutup (Jaringan tag mendefinisikan satu baris).
Elemen kosong bisa "tertutup" dalam tag pembuka seperti ini: <br />.
HTML5 tidak memerlukan elemen kosong harus ditutup. Tetapi jika Anda ingin validasi ketat, atau Anda perlu membuat dokumen Anda dibaca oleh parser XML, Anda harus menutup semua elemen HTML.

HTML Tip: Gunakan huruf kecil Tag

Tag HTML tidak case sensitif: <P> berarti sama dengan <p>.
HTML5 standar tidak memerlukan tag huruf kecil, tapi W3C merekomendasikan huruf kecil di HTML4, dan menuntut huruf kecil untuk jenis dokumen ketat seperti XHTML.

SUMBER : W3SCHOOLS.COM
Read More
Diposting oleh di Tidak ada komentar:
Label:

Belajar HTML - Dasar HTML

By: Unknown on 08.51

Dokumen HTML

Semua dokumen HTML harus dimulai dengan deklarasi tipe: <! DOCTYPE html> .
Dokumen HTML itu sendiri dimulai dengan <html> dan diakhiri dengan </ html> .
Terlihat bagian dari dokumen HTML adalah antara <body> dan </ body> .

Contoh

<!DOCTYPE html>
<html>
<body>

<h1>My First Heading</h1>

<p>My first paragraph.</p>

</body>
</html>

Cobalah Sendiri »

Pos HTML

Judul HTML didefinisikan dengan <h1> untuk <h6> tags:

Contoh

<h1>This is a heading</h1>
<h2>This is a heading</h2>
<h3>This is a heading</h3>

Cobalah Sendiri »

Paragraf HTML

Paragraf HTML didefinisikan dengan <p> tag:

Contoh

<p>This is a paragraph.</p>
<p>This is another paragraph.</p>

Cobalah Sendiri »

Link HTML

Link HTML didefinisikan dengan <a> tag:

Contoh

<a href="http://www.w3schools.com">This is a link</a>

Cobalah Sendiri »
  
Alamat link ditentukan dalam atribut href .
Atribut yang digunakan untuk memberikan informasi tambahan tentang elemen HTML.

Gambar HTML

Gambar HTML didefinisikan dengan <img> tag.
File sumber ( src ), teks alternatif ( alt ), dan ukuran ( lebar dan tinggi ) disediakan sebagai atribut :

Contoh

<img src="w3schools.jpg" alt="W3Schools.com" width="104" height="142">

Cobalah Sendiri »
 
Anda akan belajar lebih banyak tentang atribut dalam bab berikutnya.

SUMBER : W3SCHOOLS.COM
Read More
Diposting oleh di Tidak ada komentar:
Label:

Minggu, 19 Juli 2015

Belajar HTML : Pendahuluan

By: Unknown on 11.21

Apa itu HTML?

HTML adalah markup bahasa untuk menggambarkan dokumen web (halaman web).
  • HTML singkatan dari H yper T ext M arkup L anguage
  • Sebuah bahasa markup adalah seperangkat tag markup
  • Dokumen HTML dijelaskan oleh tag HTML
  • Setiap tag HTML menjelaskan isi dokumen yang berbeda

Contoh HTML

Dokumen HTML kecil

<!DOCTYPE html>
<html>
<body>

<h1>My First Heading</h1>

<p>My first paragraph.</p>

</body>
</html>
Cobalah Sendiri »
 

Penjelasannya

  • The DOCTYPE deklarasi mendefinisikan tipe dokumen
  • Teks antara <html> dan </ html> menjelaskan dokumen web
  • Teks antara <body> dan </ body> menggambarkan isi halaman yang terlihat
  • Teks antara <h1> dan </ h1> menjelaskan judul
  • Teks antara <p> dan </ p> menjelaskan paragraf
Menggunakan deskripsi, web browser dapat menampilkan dokumen dengan judul dan paragraf.

Tag HTML

Tag HTML adalah kata kunci yang menggunakan kurung sudut :
<Tagname> konten </ tagname>
  • Tag HTML biasanya datang berpasangan seperti <p> dan </ p>
  • Tag pertama dalam pasangan adalah tag awal, tag kedua adalah tag akhir
  • Tag akhir ditulis seperti tag awal, tetapi dengan garis miring sebelum nama tag
Tag awal sering disebut tag pembuka . Tag akhir sering disebut tag penutup .

Browser web

Tujuan dari web browser (Chrome, IE, Firefox, Safari) adalah untuk membaca dokumen HTML dan menampilkan mereka.
Browser tidak menampilkan tag HTML, tetapi menggunakan mereka untuk menentukan bagaimana menampilkan dokumen:
Browser

Struktur Halaman HTML

Di bawah ini adalah visualisasi dari sebuah struktur halaman HTML:
<Html>
<Body>
<H1> Ini adalah heading </ h1>
<P> Ini adalah sebuah paragraf. </ P>
<P> Ini adalah paragraf lain. </ P>
</ Body>
</ Html>

Versi HTML

Version Year
HTML 1991
HTML+ 1993
HTML 2.0 1995
HTML 3.2 1997
HTML 4.01 1999
XHTML 2000
HTML5 2012
SUMBER : W3SCHOOLS.COM
Read More
Diposting oleh di Tidak ada komentar:
Label:
Langganan: Postingan (Atom)

Tentang Kami

pakar-website@gmail.com
Pakar Website