<html>
<head>Agar 2 gambar saling menghilang</head>
<body>
<a href="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSB3tKNxRw6XdplGEXJKU72o_y8LT2Qc1Kgm46Ge83RvXmaUt5_" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><marquee behavior="scroll" direction="right" width="300"><img border="0" height="300" src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSB3tKNxRw6XdplGEXJKU72o_y8LT2Qc1Kgm46Ge83RvXmaUt5_" width="200" /></marquee><marquee behavior="scroll" direction="left" width="300"><img border="0" height="300" src="https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcRf06Vh5IpMM-2OCwWPhhBhLJzdYpVv2QAE0S5AX4_nh8ZarjWu&reload=on" width="200" /></marquee>
</a></body>
</html>
Agar 2 gambar saling menghilang
marquee adalah elemen tag untuk mendeskripsikan teks berjalan
bgcolor adalah elemen tag untuk mendeskripsikan warna background
loop adalah elemen tag untuk mengatur kecepatan berjalan.
#FFB6C1 adalah contoh kode color
Text Berjalan Kekiri
Hasil :
Text Berjalan Kiri Kanan
Hasil :
Text Berjalan ke kanan
Hasil :
Text Berjalan Turun/Naik
Untuk text berjalan naik, ganti kata 'down' menjadi 'up'.
Hasil :
Text berjalan turun :
HTML Paragraf
Dokumen HTML dibagi menjadi paragraf.
HTML Paragraf
HTML <p> mendefinisikan sebuah paragraf.
Contoh
<P> Ini adalah sebuah paragraf </ p>
<P> Ini adalah paragraf lain </ p>
Catatan Browser secara otomatis menambahkan baris kosong sebelum dan sesudah paragraf.
HTML Tampilan
Anda tidak bisa yakin bagaimana HTML akan ditampilkan.
Besar atau kecil layar, dan jendela ukurannya akan menciptakan hasil yang berbeda.
Dengan HTML, Anda tidak dapat mengubah output dengan menambahkan spasi ekstra atau baris tambahan dalam kode HTML Anda.
Browser akan menghapus spasi ekstra dan garis ekstra saat halaman ditampilkan.
Sejumlah ruang, dan sejumlah jalur baru, dihitung sebagai satu ruang.
Contoh
<P>
Ayat ini
mengandung banyak baris
dalam kode sumber,
tapi browser
mengabaikannya.
</ P>
<P>
Ayat ini
mengandung banyak ruang
dalam kode sumber,
tapi browser
mengabaikannya.
</ P>
Jangan Lupakan Tag Akhir
Kebanyakan browser akan menampilkan HTML dengan benar bahkan jika Anda lupa tag akhir:
Contoh
<P> Ini adalah sebuah paragraf
<P> Ini adalah paragraf lain
Contoh di atas akan bekerja di hampir semua browser, tetapi tidak bergantung pada itu.
Melupakan tag akhir dapat menghasilkan hasil yang tidak diharapkan atau kesalahan.
Catatan versi ketat dari HTML, XHTML seperti, tidak memungkinkan Anda untuk melewatkan tag akhir.
Breaks HTML Baris
HTML <br> elemen mendefinisikan satu baris.
Gunakan Situs jika Anda ingin istirahat baris (baris baru) tanpa memulai sebuah paragraf baru:
Contoh
<P> Ini <br> para sebuah <br> grafik dengan jeda baris </ p>
Jaringan unsur adalah elemen HTML yang kosong. Tidak memiliki tag akhir.
The Poem Masalah
Contoh
<P> puisi ini akan ditampilkan sebagai satu baris: </ p>
<P>
Bonnie saya terletak di atas lautan.
Bonnie saya terletak di atas laut.
Bonnie saya terletak di atas lautan.
Oh, membawa kembali Bonnie saya untuk saya.
</ P>
HTML <pre> Elemen
HTML <pre> elemen mendefinisikan teks terformat.
Teks di dalam <pre> elemen ditampilkan dalam font fixed-width (biasanya Kurir), dan mempertahankan kedua ruang dan jeda baris:
Contoh
<Pre>
Bonnie saya terletak di atas lautan.
Bonnie saya terletak di atas laut.
Bonnie saya terletak di atas lautan.
Oh, membawa kembali Bonnie saya untuk saya.
</ Pre>
Uji Diri dengan Latihan!
Latihan 1 »Latihan 2» Latihan 3 »Latihan 4»
HTML Tag Referensi
Referensi tag W3Schools 'berisi informasi tambahan tentang elemen HTML dan atribut mereka.
Tag Deskripsi
<P> Mendefinisikan paragraf
Situs Menyisipkan garis break
<Pre> Mendefinisikan pra-diformat teks
Dokumen HTML dibagi menjadi paragraf.
HTML Paragraf
HTML <p> mendefinisikan sebuah paragraf.
Contoh
<P> Ini adalah sebuah paragraf </ p>
<P> Ini adalah paragraf lain </ p>
Catatan Browser secara otomatis menambahkan baris kosong sebelum dan sesudah paragraf.
HTML Tampilan
Anda tidak bisa yakin bagaimana HTML akan ditampilkan.
Besar atau kecil layar, dan jendela ukurannya akan menciptakan hasil yang berbeda.
Dengan HTML, Anda tidak dapat mengubah output dengan menambahkan spasi ekstra atau baris tambahan dalam kode HTML Anda.
Browser akan menghapus spasi ekstra dan garis ekstra saat halaman ditampilkan.
Sejumlah ruang, dan sejumlah jalur baru, dihitung sebagai satu ruang.
Contoh
<P>
Ayat ini
mengandung banyak baris
dalam kode sumber,
tapi browser
mengabaikannya.
</ P>
<P>
Ayat ini
mengandung banyak ruang
dalam kode sumber,
tapi browser
mengabaikannya.
</ P>
Jangan Lupakan Tag Akhir
Kebanyakan browser akan menampilkan HTML dengan benar bahkan jika Anda lupa tag akhir:
Contoh
<P> Ini adalah sebuah paragraf
<P> Ini adalah paragraf lain
Contoh di atas akan bekerja di hampir semua browser, tetapi tidak bergantung pada itu.
Melupakan tag akhir dapat menghasilkan hasil yang tidak diharapkan atau kesalahan.
Catatan versi ketat dari HTML, XHTML seperti, tidak memungkinkan Anda untuk melewatkan tag akhir.
Breaks HTML Baris
HTML <br> elemen mendefinisikan satu baris.
Gunakan Situs jika Anda ingin istirahat baris (baris baru) tanpa memulai sebuah paragraf baru:
Contoh
<P> Ini <br> para sebuah <br> grafik dengan jeda baris </ p>
Jaringan unsur adalah elemen HTML yang kosong. Tidak memiliki tag akhir.
The Poem Masalah
Contoh
<P> puisi ini akan ditampilkan sebagai satu baris: </ p>
<P>
Bonnie saya terletak di atas lautan.
Bonnie saya terletak di atas laut.
Bonnie saya terletak di atas lautan.
Oh, membawa kembali Bonnie saya untuk saya.
</ P>
HTML <pre> Elemen
HTML <pre> elemen mendefinisikan teks terformat.
Teks di dalam <pre> elemen ditampilkan dalam font fixed-width (biasanya Kurir), dan mempertahankan kedua ruang dan jeda baris:
Contoh
<Pre>
Bonnie saya terletak di atas lautan.
Bonnie saya terletak di atas laut.
Bonnie saya terletak di atas lautan.
Oh, membawa kembali Bonnie saya untuk saya.
</ Pre>
Uji Diri dengan Latihan!
Latihan 1 »Latihan 2» Latihan 3 »Latihan 4»
HTML Tag Referensi
Referensi tag W3Schools 'berisi informasi tambahan tentang elemen HTML dan atribut mereka.
Tag Deskripsi
<P> Mendefinisikan paragraf
Situs Menyisipkan garis break
<Pre> Mendefinisikan pra-diformat teks
Gaya HTML
Saya Merah
Saya Biru
HTML Styling
Setiap elemen HTML memiliki gaya default (warna latar belakang putih dan warna teks hitam).
Mengubah gaya default elemen HTML, dapat dilakukan dengan atribut style.
Contoh ini akan mengubah warna latar belakang standar dari putih ke lightgrey:
Contoh
<Style body = "background-color: lightgrey">
<H1> Ini adalah heading </ h1>
<P> Ini adalah sebuah paragraf. </ P>
</ Body>
Catatan bgcolor atribut, didukung dalam versi HTML, tidak berlaku di HTML5.
Gaya HTML Atribut
Gaya HTML atribut memiliki sintaks berikut:
style = "property: value"
Properti adalah properti CSS. Nilai adalah nilai CSS.
Catatan Anda akan belajar lebih banyak tentang CSS nanti dalam tutorial ini.
HTML Warna Teks
Properti color mendefinisikan warna teks yang akan digunakan untuk elemen HTML:
Contoh
<Body>
<H1 style = "color: blue"> Ini adalah heading </ h1>
<P style = "color: red">. Ini adalah sebuah paragraf </ p>
</ Body>
HTML Fonts
Properti font-family mendefinisikan font yang akan digunakan untuk elemen HTML:
Contoh
<Body>
<Style h1 = "font-family: Verdana"> Ini adalah heading </ h1>
<P style = "font-family: courier">. Ini adalah sebuah paragraf </ p>
</ Body>
Catatan <font> tag, didukung dalam versi HTML, tidak berlaku di HTML5.
HTML Text Size
Properti font-size mendefinisikan ukuran teks yang akan digunakan untuk elemen HTML:
Contoh
<Body>
<Style h1 = "font-size: 300%"> Ini adalah heading </ h1>
<P style = "font-size: 160%">. Ini adalah sebuah paragraf </ p>
</ Body>
HTML Teks Keselarasan
Properti text-align mendefinisikan perataan teks horisontal untuk sebuah elemen HTML:
Contoh
<Body>
<Style h1 = "text-align: center"> Centered Pos </ h1>
<P> Ini adalah sebuah paragraf. </ P>
</ Body>
Catatan <center> tag, didukung dalam versi HTML, tidak berlaku di HTML5.
Bab Ringkasan
Gunakan atribut style untuk elemen styling HTML
Menggunakan background warna untuk warna latar belakang
Menggunakan warna untuk warna teks
Menggunakan font-family font teks
Menggunakan font-size untuk ukuran teks
Gunakan text-align untuk perataan teks
Saya Merah
Saya Biru
HTML Styling
Setiap elemen HTML memiliki gaya default (warna latar belakang putih dan warna teks hitam).
Mengubah gaya default elemen HTML, dapat dilakukan dengan atribut style.
Contoh ini akan mengubah warna latar belakang standar dari putih ke lightgrey:
Contoh
<Style body = "background-color: lightgrey">
<H1> Ini adalah heading </ h1>
<P> Ini adalah sebuah paragraf. </ P>
</ Body>
Catatan bgcolor atribut, didukung dalam versi HTML, tidak berlaku di HTML5.
Gaya HTML Atribut
Gaya HTML atribut memiliki sintaks berikut:
style = "property: value"
Properti adalah properti CSS. Nilai adalah nilai CSS.
Catatan Anda akan belajar lebih banyak tentang CSS nanti dalam tutorial ini.
HTML Warna Teks
Properti color mendefinisikan warna teks yang akan digunakan untuk elemen HTML:
Contoh
<Body>
<H1 style = "color: blue"> Ini adalah heading </ h1>
<P style = "color: red">. Ini adalah sebuah paragraf </ p>
</ Body>
HTML Fonts
Properti font-family mendefinisikan font yang akan digunakan untuk elemen HTML:
Contoh
<Body>
<Style h1 = "font-family: Verdana"> Ini adalah heading </ h1>
<P style = "font-family: courier">. Ini adalah sebuah paragraf </ p>
</ Body>
Catatan <font> tag, didukung dalam versi HTML, tidak berlaku di HTML5.
HTML Text Size
Properti font-size mendefinisikan ukuran teks yang akan digunakan untuk elemen HTML:
Contoh
<Body>
<Style h1 = "font-size: 300%"> Ini adalah heading </ h1>
<P style = "font-size: 160%">. Ini adalah sebuah paragraf </ p>
</ Body>
HTML Teks Keselarasan
Properti text-align mendefinisikan perataan teks horisontal untuk sebuah elemen HTML:
Contoh
<Body>
<Style h1 = "text-align: center"> Centered Pos </ h1>
<P> Ini adalah sebuah paragraf. </ P>
</ Body>
Catatan <center> tag, didukung dalam versi HTML, tidak berlaku di HTML5.
Bab Ringkasan
Gunakan atribut style untuk elemen styling HTML
Menggunakan background warna untuk warna latar belakang
Menggunakan warna untuk warna teks
Menggunakan font-family font teks
Menggunakan font-size untuk ukuran teks
Gunakan text-align untuk perataan teks
HTML Format Teks Elemen
Format Teks
Teks ini ditebalkan
Teks ini adalah italic
Ini adalah superscript
HTML Format Elemen
Pada bab sebelumnya, Anda belajar tentang gaya HTML, dengan menggunakan atribut style HTML.
HTML juga mendefinisikan elemen khusus, untuk mendefinisikan teks dengan makna khusus.
HTML menggunakan unsur-unsur seperti <b> dan <i> untuk memformat output, seperti teks tebal atau miring.
Elemen format yang dirancang untuk menampilkan jenis khusus dari teks:
Teks tebal
Teks penting
Teks miring
Teks Ditekankan
Teks Ditandai
Teks kecil
Teks Dihapus
Teks dimasukkan
Subskrip
Superscripts
HTML Bold dan Kuat Memformat
HTML <b> mendefinisikan teks tebal, tanpa kepentingan tambahan.
Contoh
<P> Teks ini adalah normal. </ P>
<P> <b> Teks ini ditebalkan </ b> </ p>.
HTML <strong> mendefinisikan teks yang kuat, dengan menambahkan semantik "kuat" penting.
Contoh
<P> Teks ini adalah normal. </ P>
<P> <strong> Teks ini kuat </ strong> </ p>.
HTML Miring dan Ditekankan Memformat
HTML <i> mendefinisikan teks miring, tanpa kepentingan tambahan.
Contoh
<P> Teks ini adalah normal. </ P>
<P> <i> Teks ini miring </ i> </ p>
HTML <em> elemen mendefinisikan menekankan teks, dengan menambahkan semantik penting.
Contoh
<P> Teks ini adalah normal. </ P>
<P> <em> Teks ini ditekankan </ em>. </ P>
Catatan Browser display <strong> sebagai <b>, dan <em> sebagai <i>.
Namun, ada perbedaan dalam arti tag ini: <b> dan <i> mendefinisikan teks tebal dan miring,
tetapi <strong> dan <em> berarti bahwa teks adalah "penting".
HTML Format Kecil
HTML <small> elemen mendefinisikan teks kecil:
Contoh
<H2> HTML <small> Kecil </ small> Memformat </ h2>
Format Teks
Teks ini ditebalkan
Teks ini adalah italic
Ini adalah superscript
HTML Format Elemen
Pada bab sebelumnya, Anda belajar tentang gaya HTML, dengan menggunakan atribut style HTML.
HTML juga mendefinisikan elemen khusus, untuk mendefinisikan teks dengan makna khusus.
HTML menggunakan unsur-unsur seperti <b> dan <i> untuk memformat output, seperti teks tebal atau miring.
Elemen format yang dirancang untuk menampilkan jenis khusus dari teks:
Teks tebal
Teks penting
Teks miring
Teks Ditekankan
Teks Ditandai
Teks kecil
Teks Dihapus
Teks dimasukkan
Subskrip
Superscripts
HTML Bold dan Kuat Memformat
HTML <b> mendefinisikan teks tebal, tanpa kepentingan tambahan.
Contoh
<P> Teks ini adalah normal. </ P>
<P> <b> Teks ini ditebalkan </ b> </ p>.
HTML <strong> mendefinisikan teks yang kuat, dengan menambahkan semantik "kuat" penting.
Contoh
<P> Teks ini adalah normal. </ P>
<P> <strong> Teks ini kuat </ strong> </ p>.
HTML Miring dan Ditekankan Memformat
HTML <i> mendefinisikan teks miring, tanpa kepentingan tambahan.
Contoh
<P> Teks ini adalah normal. </ P>
<P> <i> Teks ini miring </ i> </ p>
HTML <em> elemen mendefinisikan menekankan teks, dengan menambahkan semantik penting.
Contoh
<P> Teks ini adalah normal. </ P>
<P> <em> Teks ini ditekankan </ em>. </ P>
Catatan Browser display <strong> sebagai <b>, dan <em> sebagai <i>.
Namun, ada perbedaan dalam arti tag ini: <b> dan <i> mendefinisikan teks tebal dan miring,
tetapi <strong> dan <em> berarti bahwa teks adalah "penting".
HTML Format Kecil
HTML <small> elemen mendefinisikan teks kecil:
Contoh
<H2> HTML <small> Kecil </ small> Memformat </ h2>
HTML Elemen
Elemen HTML ditulis dengan tag awal, dengan tag akhir, dengan isi di antara:
<tagname> konten </ tagname>
Elemen HTML adalah segalanya dari tag awal sampai tag akhir:
<p> My first HTML paragraf. </ p>
Mulai tag Elemen konten tag End
<h1> My Pos Pertama </ h1>
<p> paragraf pertama saya. </ p>
Elemen HTML ditulis dengan tag awal, dengan tag akhir, dengan isi di antara:
<tagname> konten </ tagname>
Elemen HTML adalah segalanya dari tag awal sampai tag akhir:
<p> My first HTML paragraf. </ p>
Mulai tag Elemen konten tag End
<h1> My Pos Pertama </ h1>
<p> paragraf pertama saya. </ p>
HTML Elemen
Elemen HTML ditulis dengan tag awal, dengan tag akhir, dengan isi di antara:
<tagname> konten </ tagname>
Elemen HTML adalah segalanya dari tag awal sampai tag akhir:
<p> My first HTML paragraf. </ p>
Mulai tag Elemen konten tag End
<h1> My Pos Pertama </ h1>
<p> paragraf pertama saya. </ p>
Elemen HTML ditulis dengan tag awal, dengan tag akhir, dengan isi di antara:
<tagname> konten </ tagname>
Elemen HTML adalah segalanya dari tag awal sampai tag akhir:
<p> My first HTML paragraf. </ p>
Mulai tag Elemen konten tag End
<h1> My Pos Pertama </ h1>
<p> paragraf pertama saya. </ p>
Bersarang HTML Elemen
Elemen HTML dapat bersarang (elemen dapat berisi elemen).
Semua dokumen HTML terdiri dari elemen HTML bersarang.
Contoh ini berisi 4 elemen HTML:
Contoh
<! DOCTYPE html>
<Html>
<Body>
<H1> My Pos Pertama </ h1>
<P> paragraf pertama saya. </ P>
</ Body>
</ Html>
HTML Contoh Dijelaskan
<Html> elemen mendefinisikan seluruh dokumen.
Ini memiliki tag awal <html> dan tag akhir </ html>.
Elemen HTML dapat bersarang (elemen dapat berisi elemen).
Semua dokumen HTML terdiri dari elemen HTML bersarang.
Contoh ini berisi 4 elemen HTML:
Contoh
<! DOCTYPE html>
<Html>
<Body>
<H1> My Pos Pertama </ h1>
<P> paragraf pertama saya. </ P>
</ Body>
</ Html>
HTML Contoh Dijelaskan
<Html> elemen mendefinisikan seluruh dokumen.
Ini memiliki tag awal <html> dan tag akhir </ html>.
Isi elemen adalah elemen HTML lain (<body> elemen).
<Html>
<Body>
<H1> My Pos Pertama </ h1>
<P> paragraf pertama saya. </ P>
</ Body>
</ Html>
<Body> mendefinisikan tubuh dokumen.
Ini memiliki tag awal <body> dan tag akhir </ body>.
Isi elemen adalah dua elemen HTML lainnya (<h1> dan <p>).
<Body>
<H1> My Pos Pertama </ h1>
<P> paragraf pertama saya. </ P>
</ Body>
<H1> mendefinisikan heading.
Ini memiliki tag awal <h1> dan tag akhir </ h1>.
Isi elemen adalah: My Pos Pertama.
<H1> My Pos Pertama </ h1>
The <p> mendefinisikan sebuah paragraf.
Ini memiliki tag awal <p> dan tag akhir </ p>.
Isi elemen 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> Ini adalah sebuah paragraf
<P> Ini adalah sebuah paragraf
</ Body>
</ Html>
Contoh di atas bekerja di semua browser, karena tag penutup dianggap opsional.
Jangan bergantung pada ini. Ini bisa 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 (Jejaring 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.
<Html>
<Body>
<H1> My Pos Pertama </ h1>
<P> paragraf pertama saya. </ P>
</ Body>
</ Html>
<Body> mendefinisikan tubuh dokumen.
Ini memiliki tag awal <body> dan tag akhir </ body>.
Isi elemen adalah dua elemen HTML lainnya (<h1> dan <p>).
<Body>
<H1> My Pos Pertama </ h1>
<P> paragraf pertama saya. </ P>
</ Body>
<H1> mendefinisikan heading.
Ini memiliki tag awal <h1> dan tag akhir </ h1>.
Isi elemen adalah: My Pos Pertama.
<H1> My Pos Pertama </ h1>
The <p> mendefinisikan sebuah paragraf.
Ini memiliki tag awal <p> dan tag akhir </ p>.
Isi elemen 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> Ini adalah sebuah paragraf
<P> Ini adalah sebuah paragraf
</ Body>
</ Html>
Contoh di atas bekerja di semua browser, karena tag penutup dianggap opsional.
Jangan bergantung pada ini. Ini bisa 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 (Jejaring 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.
Langganan:
Postingan (Atom)
