0% menganggap dokumen ini bermanfaat (0 suara)
2 tayangan47 halaman

Tutorial HTML Dasar untuk Pemula

Dokumen ini menyajikan tutorial tentang HTML dalam 17 bagian. Menjelaskan konsep dasar seperti tag, elemen, tautan, dan format teks. Juga mencakup topik seperti karakter khusus, bingkai, dan tabel. Tujuannya adalah untuk mengajarkan dasar-dasar HTML untuk membuat halaman web.

Diterjemahkan oleh

ScribdTranslations
Hak Cipta
© All Rights Reserved
Kami menangani hak cipta konten dengan serius. Jika Anda merasa konten ini milik Anda, ajukan klaim di sini.
Format Tersedia
Unduh sebagai PDF, TXT atau baca online di Scribd
0% menganggap dokumen ini bermanfaat (0 suara)
2 tayangan47 halaman

Tutorial HTML Dasar untuk Pemula

Dokumen ini menyajikan tutorial tentang HTML dalam 17 bagian. Menjelaskan konsep dasar seperti tag, elemen, tautan, dan format teks. Juga mencakup topik seperti karakter khusus, bingkai, dan tabel. Tujuannya adalah untuk mengajarkan dasar-dasar HTML untuk membuat halaman web.

Diterjemahkan oleh

ScribdTranslations
Hak Cipta
© All Rights Reserved
Kami menangani hak cipta konten dengan serius. Jika Anda merasa konten ini milik Anda, ajukan klaim di sini.
Format Tersedia
Unduh sebagai PDF, TXT atau baca online di Scribd

15-7-2012

AYO TUTORIAL DEHTML

HTML DASAR|Carlos
Tutorial HTML

Tahun Integrasi Nasional dan Pengakuan Kita


Keberagaman

Pekerjaan penelitian: 1
TUTORIAL HTML

CHATA YAURI, CARLOS


Tutorial HTML

Pengantar HTML
Apa arti HTML? dan contoh pertama dari manual ini.
2

Apa itu file HTML?

HTML (HyperText Markup Language) atau "Bahasa untuk Penandaan"


Hiperteks
File HTML harus memiliki ekstensi htmohtml.
Untuk membuat file HTML, hanya diperlukan editor teks.
Sebuah berkas HTML terdiri dari tag.
Label memberi tahu browser (Contoh: Internet Explorer, Firefox,
Mozilla, dll.) bagaimana menampilkan halaman.

Mari kita lakukan sedikit ujian!

Jika Anda menggunakan Windows, buka 'Notepad'.


Jika kamu menggunakan Mac, buka "Simpletext".
Tulis dalam hal yang sama, teks berikut:

Simpan file sebagai "[Link]" (ekstensi ".htm" atau ".html")


memiliki arti yang sama dan menunjukkan bahwa itu adalah sebuah file HTML).

Buka browser Internet (Internet Explorer, Firefox, Opera, dll.).


Pilih "Berkas" dan kemudian "Buka".
Sebuah jendela akan terbuka, pilih "Telusuri" dan cari file yang
kamu baru saja menyimpan -"[Link]"- pilih dan tekan "Buka".
Sekarang kamu melihat alamatnya, misalnya "C:\My
Dokumen\[Link]". Tekan "OK" dan browser akan menampilkan
halaman.
Tutorial HTML

Mari kita jelaskan contohnya

Label pertama dari file adalah <html>. Ini memberi tahu peramban bahwa ia
ini adalah sebuah file HTML. Untuk menutup file, kita menggunakan </html>. Semua yang
terletak di antara dua tag adalah kode HTML dari halaman.

Kemudian kita melihat label <head>. Apa yang mengikuti sampai penutupnya
</head>, adalah bagian kepala dokumen dan tidak ditampilkan di layar. Di sini
kami menempatkan informasi seperti judul halaman (<title>Halaman Pertama Saya
halaman Web</title>), kata kunci untuk mesin pencari, sebuah
deskripsi halaman dan data lain dari dokumen.

Di antara tag <body> dan </body> terdapat tubuh dokumen


dan konten yang diletakkan di bagian ini adalah yang akan kita lihat di layar,
Halo semuanya.

Nota: perhatikan bahwa semua tag penutup berbeda dari tag yang
pembukaan dengan membawa "/" sebelum nama.
Tutorial HTML

Elemen dan tag HTML


Tag HTML bertanggung jawab untuk membentuk situs kami.
4
Apa itu elemen dan tag HTML?

Elemen adalah pernyataan untuk memvisualisasikan atau membentuk halaman


Web.
Tag (dalam bahasa Inggris: tags) adalah tanda yang dimasukkan dalam dokumen HTML
untuk memberikan informasi tentang suatu unit atau konten.

Aturan dasar

Label-label berada di antara tanda "<" dan ">".


Umumnya datang dalam pasangan <p> dan <⁄p>.
Yang pertama adalah pembukaan dan yang kedua adalah penutupan.
Teks yang terletak di antara dua tag adalah konten dari
elemen.
Label tidak peka terhadap huruf besar dan kecil, maksudnya
<b> sama dengan <B>.

Label HTML
Mari kita lihat sebuah contoh.

Ini adalah sebuah label HTML:


Tutorial HTML

Elemen HTML dimulai dengan tag pembuka <b> (tag yang kita
tunjukkan teks dalam huruf tebal).
Konten elemen tersebut adalah: Teks ini dicetak tebal.
Akhir elemen HTML adalah dengan tag penutup </b>.

Elemen HTML lain dalam contoh adalah:

Elemen HTML dimulai dengan tag pembuka <body>(tag yang 5


definisikan tubuh dokumen.
Isi elemen tersebut adalah: Halo semuanya. <b>Teks ini dalam
negrita</b>.
Akhir elemen HTML adalah dengan tag penutup </body>.

Apa itu atribut dari label?

Banyak label memiliki atribut. Mereka memberikan informasi yang lebih lengkap.
ke elemen HTML.
Atribut selalu mengikuti struktur: nama="nilai".
Atribut selalu berada di dalam tag pembuka.
Nilai selalu harus ditempatkan dalam tanda kutip.

Sebuah contoh atribut adalah:

Sebuah saran mengenai penggunaan huruf kecil.

Meskipun HTML menerima tag dalam huruf besar <B> maupun huruf kecil
<b>,Konsorsium World Wide Web (W3C)merekomendasikan penggunaan huruf kecil.

Selain itu, XHTML (versi berikutnya dari HTML) hanya menerima huruf kecil.

Itulah sebabnya kami menyarankan untuk terbiasa menggunakan huruf kecil ketika
tuliskan kode HTML Anda.
Tutorial HTML

Etiket dasar HTML


Label yang paling sederhana dan paling umum digunakan dalam HTML.

Judul
6
Kami mendefinisikan ukuran judul atau kepala.

<h1> memberi kita jenis huruf yang paling besar.


nos memberi kita jenis huruf terkecil.
HTML secara otomatis menambahkan jarak sebelum dan sesudah setiap judul.

<h1> sebagai judul halaman Web, sangat penting karena


apa salah satu parameter yang diperhatikan Google saat mengindeks
situsnya.

Paragraf

Paragraf ditentukan dengan tag <p>.


Tutorial HTML

Komentar

Label <!-- ... --> digunakan untuk menyisipkan komentar di dalam kode
yang kita tulis. Itu diabaikan oleh browser pada saat ini
membaca. Komentar membantu kita menjelaskan kode dengan lebih baik dan berasal dari
bantuan besar pada saat kita membutuhkannya untuk mengedit.

* Perhatikan bahwa tanda seru hanya ditempatkan di awal kode.

Salto de línea

El salto de línea está definido con la etiqueta<br>. Es utilizado cuando


kami ingin menyelesaikan satu baris tanpa perlu menyelesaikan paragraf. La
etiket<br>memaksa untuk melompat ke baris di mana pun kita menempatkannya.

Menarik sebuah garis

Tag <hr> memungkinkan kita untuk membuat garis horizontal seperti yang memisahkan
berbagai bagian dari tutorial ini.

Tag <hr> tidak memiliki penutup.


Tutorial HTML

Tabel dengan label dasar

8
Tutorial HTML

Format teks dengan HTML


Pilih cara untuk mendekorasi dan memvisualisasikan teks di situs Anda.

Format dasar teks

HTML memungkinkan kita untuk menentukan format tampilan teks di layar.


Sangat berguna untuk saat kita ingin menyoroti atau menekankan teks tertentu.
Juga sangat digunakan untuk menggarisbawahi atau menulis subindeks atau superskrip.
Ini hanya beberapa contoh dari apa yang bisa kita lakukan dengan elemen-elemen ini
Untuk itu kami menggunakan label berikut:
Tutorial HTML

Label untuk membentuk teks

10

Label 'Teks terstruktur'

Label ini biasanya digunakan untuk menampilkan kode dari


pemrograman.

Label kutipan dan definisi


Tutorial HTML

Karakter Khusus di HTML

Penggunaan aksen, tanda pembuka tanda tanya dan tanda seru, enye, spasi
dalam keadaan kosong, dll.
11

Karakter khusus

Sering kali kita perlu menyertakan dalam teks kita, tanda yang memiliki sebuah
makna khusus dalam HTML (misalnya, "<" - lebih kecil dari). Untuk dapat menampilkannya
kita harus menggunakan nama sandinya.

Nama entitas terdiri dari tanda (&), kemudian


nama entitas dan di akhir (';' - titik koma). Angka-angka ini
karakter terdiri dari (&), kemudian (#- angka), nomor dari
entitas dan di akhir (";" - titik koma).

Misalnya untuk menunjukkan tanda "<" kita harus menulis &lt;o&#60;.

Penggunaan yang paling umum dari karakter khusus adalah spasi. Jika di
Sebuah teks memiliki 5 spasi kosong berturut-turut, HTML secara otomatis menghapusnya.
4. Para memasukkan spasi kosong, kita menggunakan "&nbsp;" dan HTML akan membiarkannya di dalam
tempat.

Penggunaan lain yang sangat umum adalah menyisipkan aksen dalam kode html melalui
dari nomor entitas
Tutorial HTML

Karakter khusus yang sering digunakan

12
Tutorial HTML

Tautan dalam HTML

Sifat paling penting dari Internet adalah kemungkinan untuk saling terhubung.
dengan yang lainnya.

13

Apa itu Tautan atau Link?


Tautan atau link (dalam Bahasa Inggris) memungkinkan kita terhubung dengan orang lain
dokumen

sebuah gambar
sebuah video
sebuah berkas suara
situs di web (halaman web lain)
mengirim email

Untuk itu kita harus menggunakan tag <a> yang berasal dari huruf pertama dari
palabraanchor(ancla).

Label <a> memiliki penutupan </a>.

Mari kita lihat sebuah contoh

Mari kita buat tautan ke beranda [Link]

Label<a>menunjukkan bahwa itu adalah tautan.


Atribut href="[Link] menunjukkan alamat
di mana kita akan terhubung. Teks Beranda Virtualnauta adalah yang
akan muncul di layar.
La etiqueta</a>adalah tag penutup.
Tutorial HTML

Atribut target

Ini digunakan untuk menentukan di mana kita ingin dokumen terbuka saat ditekan
tentang tautan.

Contoh di bawah ini akan membuka dokumen di halaman baru peramban.

14

Atribut name

Atribut ini digunakan untuk menentukan lokasi tertentu di dalam


halaman.
Misalkan kita mendefinisikan sebuah tujuan tautan yang disebut "tujuan-satu" di
berkas "[Link]".

Ini membuat tujuan tautan di sekitar teks: Bab 1.

Setelah tujuan ditetapkan, kita dapat membuat tautan ke sana dari yang sama
dokumen atau dari yang berbeda, menggunakan karakter "#" diikuti oleh
nama elemen.
Misalnya:

Atau jika tautan didefinisikan dalam dokumen yang sama:

Membuat tautan ke email

Digunakan jika kita ingin agar sebuah tautan mengirim email.


Pada saat kita menekan tautan tersebut, akan terbuka secara otomatis
program email yang telah kami tetapkan sebagai default.
Tutorial HTML

[Link] menunjukkan alamat email yang dituju, dalam contoh ini:


alguien@[Link].
15
Sebuah tautan dari sebuah gambar

Seringkali kita ingin menggunakan gambar sebagai tautan ke dokumen lain. Untuk
Kita harus meletakkan tag <img> di antara tag <a> dan </a> dalam
tempat teks.

Label dan atribut tautan


Tutorial HTML

16
Tutorial HTML

17

Atribut standar

Jika Anda menginginkan deskripsi lengkap, silakan kunjungi: atribut standar.

Peristiwa intrinsik
Tutorial HTML

Frames di HTML
Kami membagi halaman menjadi bagian-bagian yang lebih kecil dan di masing-masing bagian tersebut kami visualisasikan

dokumen yang berbeda.

18
Apa itu frame?
Frames (marco dalam bahasa Indonesia) memungkinkan penulis untuk menyajikan dokumen
dengan tampilan ganda.

Ini memungkinkan untuk menjaga informasi tertentu tetap terlihat sementara tampilan lainnya
dipindahkan atau diganti.

Setiap tampilan adalah dokumen independen dari yang lainnya.

Label kerangka

Tag <frameset> digunakan untuk membagi jendela browser menjadi


berbagai bingkai yang bisa memiliki ukuran yang berbeda.
Setiap frameset mendefinisikan sekelompok baris dan kolom.

Label bingkai
Label <frame> menentukan dokumen apa yang akan kita tempatkan di setiap bingkai.

Dalam contoh ini, kami membagi layar menjadi satu kolom 25% dan satu kolom 75%.
Kolom pertama berisi dokumen "[Link]" dan kolom kedua
kolom dokumen "[Link]". Tag <frame> tidak boleh membawa
etiket penutupan.
Tutorial HTML

Label tidak ada bingkai

Tag <noframes> menampilkan teks untuk browser yang tidak


bingkai suportan.

<noframes>ditempatkan di dalam tag frameset


jika browser mendukung frame, teks dari <noframes>tidak akan
akan menunjukkan
jika kita menggunakan tag <noframes> teks harus diletakkan di antara tag
<body> </body>
19

Tag iframe

Etiquet <iframe> digunakan untuk membuat frame di dalam halaman yang berisi
dokumen lain.
Dengan kata lain, saya dapat menampilkan jendela yang berisi halaman Web lain
di dalam halaman yang sedang kita desain

Dalam contoh ini, kita dapat melihat bahwa jendela hasil menunjukkan bahwa kami
menampilkan halaman utama [Link].
Tutorial HTML

Label dan atribut bingkai

20
Tutorial HTML

21

Atribut standar

Acara intrinsik
Tutorial HTML

Tabel HTML
Kami menggunakannya untuk menyusun sebuah situs atau sekadar sebagai tabel data.

Apa itu tabel HTML?


22
Tabel adalah alat yang sangat berguna untuk menyajikan data tabel dan untuk desain
teks dan grafik dari halaman HTML.

Karakteristik tabel

Kami mendefinisikan tabel dengan label <table>.


Tabel dibagi menjadi baris-baris yang ditentukan dengan tag <tr>.
Dan pada gilirannya, setiap baris dibagi menjadi sel yang ditentukan dengan label <td>.
Sel dapat berisi teks, gambar, formulir, daftar, lainnya
tabel, dll.

Bingkai tabel

Agar batas tabel terlihat, kita harus menambahkan atribut


border bersama dengan nilai yang dinyatakan dalam piksel, jika tidak akan terlihat
batas yang membagi sel-sel tabel.
Tutorial HTML

Mari kita lihat contoh tanpa batas:

23
Nota: dengan tidak menempatkan atribut border, batas tidak ditampilkan tetapi
tabel ada.

Judul tabel

Judul tabel didefinisikan dengan tag <th>.

Label <th> selalu menampilkan tajuk yang dicetak tebal.

Margin sel

Ini adalah ruang yang berada di antara tepi sel dan isinya.
Kami mendefinisikan margin dengan atribut cellpadding.
Tutorial HTML

24

Nota: dalam contoh ini kita dapat melihat bahwa atribut cellpadding meninggalkan 20
piksel minimum antara kata-kata dalam setiap sel dan batas-batasnya
mismas.

Jarak antara sel

Ini adalah ruang yang berada di antara sel dan sel.


Itu didefinisikan dengan atribut jarak sel.
Tutorial HTML

Label dan atribut tabel

25
Tutorial HTML

26
Tutorial HTML

27
Tutorial HTML

28
Tutorial HTML

Listas - Daftar
Daftar sangat ideal untuk desain menu.

Apa itu daftar HTML?


29
Daftar memungkinkan kita untuk mengurutkan atau mendaftar data atau elemen untuk memudahkan mereka
bacaan.

Kami memiliki tiga jenis daftar:

Tersusun.
Tidak teratur.
Dari definisi.

Daftar Terurut

Son adalah yang mengatur daftar dengan mendahulukan angka, huruf, atau tanda.

Daftar terurut dimulai dengan tag <ol> dan untuk masing-masing dari
item-item yang sama, kami menggunakan tag <li>.

Daftar Tidak Teratur

Ekspos daftar dengan mendahulukan titik, kotak atau segitiga hitam.


Daftar tidak terurut dimulai dengan tag <ul> dan untuk setiap
los Items de la misma utilizamos la etiqueta<li>.
Tutorial HTML

Daftar definisi 30

Digunakan untuk mendefinisikan istilah.


Daftar definisi diwakili dengan label <dl>.
Syarat-syaratnya dengan<dt>.
Definisi istilah-istilah tersebut dimulai dengan<dd>.
Tutorial HTML

Label dan atribut dari daftar

31
Tutorial HTML

Formulir di HTML
Panduan praktis tentang cara merancang formulir HTML untuk situs Anda.

Untuk apa formulir digunakan? 32


Formulir digunakan agar pengguna dapat memasukkan data.

Data tersebut dikirim ke agen untuk diproses (misalnya, ke a


server web, ke server email, dll).

Label formulir

Di dalam tag <form> terdapat formulir.


Pengguna berinteraksi dengan formulir melalui yang disebut
kontrol

Jenis kontrol:

Tombol
Kotak centang (checkboxes)
Tombol radio
Menu
Masukan teks
Pemilihan berkas (pemilihan berkas)
Kontrol tersembunyi
Kontrol tipe objek

Di dalam tag <form>, terdapat atribut action. Ini memberi kita


Dokumen yang akan menangani formulir yang telah dilengkapi dan dikirimkan akan dijelaskan.
Kami juga memiliki atribut metode. Itu mendefinisikan metode untuk
di mana data pengguna akan dikirim ke server.

Tag input
Kami mendefinisikan catatan di mana pengguna dapat memasukkan data.
Atributotipe spesifik menentukan jenis kontrol yang akan dibuat.
Di antara mereka terdapat nilai-nilai berikut:

Teks

Buat kontrol yang memungkinkan kita memasukkan teks dalam satu baris.
Tutorial HTML

33
Catatan: dalam contoh ini kita dapat mengamati hal berikut:

action="[Link]"--> menunjukkan bahwa file [Link] adalah


bertanggung jawab untuk memanipulasi data yang dimasukkan pengguna di formulir
method="get"--> menunjukkan bahwa data dari formulir akan dikirim
olehmetode get
nombre
dapat digunakan dalam skrip atau dalam lembar gaya

Radio tombol

Digunakan ketika kita ingin pengguna memilih satu opsi dari antara satu
serangkaian kemungkinan.

Catatan: dalam contoh ini kita dapat mengamati hal berikut:

action="[Link]"--> menunjukkan bahwa file [Link] adalah


bertanggung jawab untuk mengolah data yang dimasukkan pengguna ke dalam formulir
method="post"--> memberi tahu kita bahwa data formulir akan dikirim
olehmetode post
edad
"edad") untuk semua elemen dari kontrol radio yang sama.
mayor
Tutorial HTML

Kotak centang

Memungkinkan pengguna untuk memilih berbagai opsi di antara semua kemungkinan.

34

Catatan: dalam contoh ini kita dapat mengamati hal-hal berikut:

action="[Link]"--> memberi tahu kita bahwa file [Link] adalah


bertanggung jawab untuk memanipulasi data yang dimasukkan pengguna dalam formulir
method="get"--> mengindikasikan bahwa data formulir akan dikirim
olehmetode get
name="pasa"--> kita harus menggunakan nama yang sama (dalam hal ini
"pasa") untuk semua elemen dari kontrol checkbox yang sama.
tv --> mendefinisikan nilai dari elemen <input>

Kata Sandi

Berfungsi sama seperti teks, tetapi teks yang dimasukkan ditampilkan melalui sebuah
serangkaian asterisk. Umumnya digunakan untuk memasukkan kata sandi.

Kirim

Tombol pengiriman data formulir.

Atur ulang

Tombol reset. Ketika ditekan, akan mereset semua kontrol ke


nilai awal.
Tutorial HTML

35

Catatan: dalam contoh ini kita dapat mengamati hal berikut:

action="datos_personales.php"--> menunjukkan bahwa file


datos_personales.php bertanggung jawab untuk memanipulasi data yang
pengguna memasukkan di formulir
method="post"--> memberi tahu kita bahwa data formulir akan dikirim
karenametode pos
name="nombre" - name="secreto"--> memberikan nama pada
elemen yang kemudian dapat digunakan dalam skrip atau dalam lembar gaya
Kirim
Hapus

Tag select dan option

Label <select> digunakan untuk membuat menu dropdown.


Setiap opsi yang ditawarkan oleh menu diwakili dengan label <option>

Catatan: dalam contoh ini kita dapat mengamati hal berikut:


Tutorial HTML

action="[Link]"--> memberi tahu kita bahwa berkas


[Link] bertugas untuk memanipulasi data yang dimiliki pengguna
mengisi formulir
method="get"--> memberi tahu kita bahwa data formulir akan dikirim
olehmetode get
name="continente"--> memberikannya satu nama unik pada menu
dropdown
value="amerika"--> mendefinisikan nilai elemen <option>

Label textarea
36
Ini digunakan untuk membuat kontrol input teks multilini.
Atribut rows dan cols menunjukkan jumlah baris dan kolom yang
akan memiliki kotak area teks.

Catatan: dalam contoh ini kita dapat mengamati hal berikut:

action="[Link]"--> memberi tahu kita bahwa file [Link] adalah


bertanggung jawab untuk memanipulasi data yang dimasukkan pengguna ke dalam formulir
method="post"--> memberi tahu kita bahwa data formulir akan dikirim
olehmetode post
name="eltexto"--> memberikan nama pada elementotextarea
Tutorial HTML

Label dan atribut formulir

37
Tutorial HTML

38
Tutorial HTML

39
Tutorial HTML

40
Tutorial HTML

Gambar di HTML
Gambar, grafik, dan foto memberi kehidupan dan warna pada halaman web.

Bagaimana cara menyisipkan gambar ke dalam file HTML?


41

Untuk menyisipkan gambar di sebuah situs, kita akan menggunakan tag <img>.

Label ini kosong, yaitu kita harus menggunakannya dengan atribut src untuk
yang menampilkan gambar. Tag <img> tidak memiliki penutupan.

Mari kita lihat sebuah contoh

Jika kita harus menyisipkan gambar yang memiliki nama file


"[Link]" dan terletak di direktori
[Link]/imagenes/, maka ini adalah cara untuk menulis
kode

Catatan: atribut <img> menggunakan atribut src untuk menyisipkan gambar


[Link] terletak di alamat "[Link]/imagenes/"

Teks alternatif untuk gambar

Biasanya digunakan ketika kita ingin memvisualisasikan teks penjelasan dari sebuah
gambar.

Teks ini muncul saat mengarahkan kursor pada gambar atau dalam banyak kasus
ketika browser, karena suatu alasan, tidak menampilkan gambar dan di
tempatkan teks alternatif ini di dalam sebuah kotak.

Untuk itu kita akan menggunakan atribut alt.


Tutorial HTML

Label dan atribut gambar 42


Tutorial HTML

43
Tutorial HTML

Latar Belakang
Ini adalah latar belakang dari setiap halaman web.

Atribut latar belakang


Jika kita ingin merancang situs yang lebih menarik, kita harus menggunakan gambar atau warna.
44
untuk latar belakang halaman-halaman kami.
Latar belakang didefinisikan dalam tag <body>.

Untuk menyisipkan gambar latar belakang, kita harus menggunakan atribut background
di dalam tag <body>.

Nilai dari atribut ini adalah URL dari gambar yang ingin kita tempatkan.

Jika gambar lebih kecil dari layar browser, itu akan diulang
sebanyak yang diperlukan sampai menutupi seluruh layar.

Contoh

Atribut bgcolor

Atributobgcolorespecifica warna latar belakang halaman HTML. Nilai


dari yang sama dapat diekspresikan dengan angka heksadesimal, nilai RGB, atau
nama warna (dalam bahasa Inggris).

Atribut ini juga harus berada di dalam tag <body>

Contoh

Penting!

Atribut background dan bgcolor telah dihapus dalam yang terakhir


versi HTML (HTML4 dan XHTML).

Sebagai gantinya kita harus menggunakanproperti latar belakang CSSuntuk menulis sebuah
kode yang benar dari situs kami.
Tutorial HTML

INFORMASI ADITIONAL:
Merek atau label
Bagian dari label yang berada di antara "[]" adalah opsional. Sebuah label
selalu berada di antara "<...>". Secara opsional, dapat memiliki sekumpulan
atribut dan nilai. Beberapa atribut tidak memiliki nilai yang terkait; untuk yang ini
atribut biasanya disebut kompak. Jika memiliki nilai
asosiasi, nilai atribut harus ditempatkan di dalam tanda kutip. Konten dari
etika dapat berupa teks, atau label lainnya. Beberapa label tidak memiliki apa pun
konten. Biasanya, semua label harus ditutup.
Semua konten dari dokumen HTML terdapat di antara tag
<html>
45
</html>. Setiap halaman dibagi menjadi kepala (dibatasi antara
etiquetas<head> </head>) dan tubuh (dibatasi antara tag
<body> </body>). Semua informasi yang disertakan dalam header tidak se
renderiza saat melihat dokumen. Ini dianggap "meta informasi". Sebuah
praktik baik untuk memasukkan judul di dalam header halaman web,
menggunakan tag <title>. Ini akan menjadi judul yang akan ditampilkan oleh peramban web kita.
tampilkan di bilah Anda. Judul ini juga dianggap oleh mesin pencari
Internet, seperti Google, saat menentukan tentang apa yang menjadi topik kita
halaman.

Karakter khusus
Seperti dalam semua bahasa pemrograman, dalam HTML ada beberapa karakter yang
memiliki arti khusus, seperti misalnya < dan >. Oleh karena itu, tidak bisa
harus digunakan secara langsung dalam kode HTML, tetapi harus digunakan sebuah
sekuens pelarian yang setara. Di tabel berikut kami menunjukkan
urutan pelarian yang paling umum:
Tutorial HTML

46

Seperti yang dapat kamu amati, semua urutan pelarian dimulai dengan
un "&" dan diakhiri dengan ";". Sebagian besar peramban modern
izinkan menulis vokal dengan aksen dan karakter seperti 'ñ' secara langsung di
HTML. Namun, biasanya adalah ide yang baik untuk menjaga kesehatan dan menggunakan
sekuens pelarian untuk kompatibilitas dengan browser lama.

Anda mungkin juga menyukai