Struktur Umum HTML dan CSS Dasar
Diterjemahkan oleh
ScribdTranslationsStruktur Umum HTML dan CSS Dasar
Diterjemahkan oleh
ScribdTranslationsSTRUKTUR UMUM HTML
<!doctype>
Tunjukkan jenis dokumen
<html>
Jenis dokumen
<kepala>
Kepala dokumen, tidak terlihat di situs web
<meta>
Etiqueta yang menentukan bagaimana teks akan ditampilkan di layar (menentukan
tipe Anda
Konten
Spesifikasikan nilainya
<link>
Elemen ini digunakan untuk memasukkan gaya, kode javascript, gambar atau
ikon dari file eksternal.
<body>
Isi dokumen
STRUKTUR VISIBLE DARI SITUS WEB
<header>: encabezado
<h1>,<h2>, <h3>,<h4>,<h5>,
<h6>
Digunakan untuk membuat judul dan
subjudul secara berturut-turut
<Hgroup>
Berguna untuk mengelompokkan judul dan
subjudul yang dibuat dalam berbagai
blok.
<Nav>: barra de navegación
<ul>
Ini digunakan untuk mendefinisikan daftar
<li>
Tentukan item dari setiap daftar
bagian: bagian informasi
kepala
<artikel>
Bermanfaat untuk membuat blok atau subdivisi di bagian mana pun
dari situs web. Ini memungkinkan kita untuk mengidentifikasi masing-masing bagian.
<Gambar>
Memungkinkan untuk menyisipkan gambar atau video ke situs web.
<img src="di sini tuliskan lokasi tepat dan jenis dari
archivo">
Gunakan kode ini untuk menghubungkan file.
<figcaption>
Tentukan hubungan gambar atau video yang disisipkan dengan
<figure> dengan teks penjelasan yang sama.
<span>
Digunakan untuk menerapkan gaya pada teks atau mengelompokkan elemen secara inline. Mereka
etiket adalah:
<mark>
<small>
<cite>
<alamat>
Untuk menghubungkan situs web:
<alamat>
<a href="di sini tempelkan link">di sini masukkan nama</a>
</alamat>
Kekurangan Lengkapi: hanya pengguna tingkat lanjut
sisi: bar samping
Hanya jelaskan informasi yang terkandung.
<blockquote>
cita dalam blok. Buat kutipan dalam blok, tandai kutipan kepada penulis lain atau
dokumen, gunakan kode ini selalu di dalam <aside>.
<footer>: kaki atau batang institusi
Bagian akhir dokumen
DESAIN DENGAN CSS
COLOR DE FONDO
body {background:#00CED1}
MEMUSATKAN LATAR BELAKANG
tubuh {teks-penyelarasan: pusat;}
BUAT KOTAK UTAMA
#agrupar {width:960px;margin:15px auto;text-align: left;}