LAB #2 DAFTAR SEDERHANA DAN BERSATU. MEMBUAT TABEL HTML

Tujuan pekerjaan: untuk membuat dan menguji file HTML. Membuat daftar. Menyisipkan tabel dan strukturnya. Tata letak halaman dengan tabel.

Informasi teoretis singkat

Ada tiga jenis daftar utama dalam dokumen HTML: daftar definisi berpoin

Kita dapat membuat daftar bersarang dengan menggunakan tag daftar yang berbeda atau dengan mengulangi satu di dalam yang lain. Untuk melakukan ini, Anda hanya perlu menempatkan satu pasang tag (awal dan akhir)

di dalam yang lain. Apakah item daftar bersarang akan memiliki poin yang sama yang mewakili item daftar bergantung pada browser. Lihat bagian "Daftar Bersarang" untuk detail selengkapnya.

Daftar bernomor

Dalam daftar bernomor, browser secara otomatis memasukkan nomor elemen secara berurutan. Ini berarti bahwa jika Anda menghapus satu atau lebih item dari daftar bernomor, nomor lainnya akan dihitung ulang secara otomatis.

Daftar bernomor dimulai dengan tag awal

dan diakhiri dengan tag

1. Pemrograman

2. Algoritma

3. Desain

Menandai

dapat memiliki opsi:

di mana: jenis – Jenis penghitung:

A - huruf latin besar (A,B,C...) a - huruf latin kecil (a,b,c...) I - angka Romawi besar (I,II,III...) i - angka Romawi kecil (i,ii,iii...) 1 - angka biasa (1,2,3...)

start="n" –Angka untuk mulai menghitung Misalnya:

15. Pemrograman
16. Algoritma
17. Desain

XV. Pemrograman

XVI. Algoritma

XVII. Desain

Daftar yang ditandai.

Untuk daftar berpoin, browser biasanya menggunakan poin untuk menandai item daftar. Tampilan penanda biasanya dikonfigurasi oleh pengguna browser.

Daftar berpoin dimulai dengan tag awal

dan diakhiri dengan tag
. Setiap elemen daftar dimulai dengan tag
1. . Sebagai contoh:

2. Pemrograman
3. Algoritma
4. Desain

Pemrograman

Algoritma

Desain

Menandai

mungkin memiliki parameter:

Jenis tanda

mendefinisikan penampilan penanda sebagai tampilan default (cakram), bulat (lingkaran) atau persegi (persegi). Sebagai contoh:

• Pemrograman
• Algoritma
• Desain

 Pemrograman

 Algoritma

 Desain

Daftar definisi.

< dl>…- tag pasangan - menampilkan daftar definisi.

Desain:

Ketentuan

Definisi istilah

Dengan tanda

Anda dapat menggunakan atribut ringkas untuk mengatur item daftar ke tata letak yang lebih ringkas.

Desain:

Ketentuan

Definisi istilah

Tabel dalam HTML diatur sebagai kumpulan kolom dan baris. Sel tabel dapat berisi elemen HTML apa pun seperti judul, daftar, paragraf, bentuk, grafik, dan elemen formulir.

Tabel tag utama Tabel:

...

Ini adalah tag utama yang menggambarkan tabel. Semua elemen tabel harus berada di dalam dua tag ini. Secara default, tabel tidak memiliki batas atau pemisah. Perbatasan ditambahkan dengan atribut perbatasan.

Baris tabel: ...

Jumlah baris tabel ditentukan oleh jumlah pasangan tag yang terjadi. ... Baris dapat memiliki atribut align dan valign yang menggambarkan posisi visual dari isi baris dalam tabel.

Sel tabel: ...

Menjelaskan sel tabel standar. Sel tabel hanya dapat dideskripsikan dalam baris tabel. Setiap sel harus diberi nomor dengan nomor kolom yang dijelaskan. Jika baris kehilangan satu atau beberapa sel untuk beberapa kolom, maka browser akan menampilkan sel kosong. Lokasi default data dalam sel ditentukan oleh atribut align="left" dan valign="middle". Lokasi ini dapat diperbaiki baik di tingkat deskripsi baris dan di tingkat deskripsi sel.

Setiap sel tabel dapat ditentukan oleh non-tag

…, dan tag …- Tabel Header (tajuk tabel). th

mewakili sel normal, tetapi teks di dalam tag ini akan dicetak tebal dan di tengah.

Tanda tangan: ...

Tag ini menjelaskan nama tabel (caption). Menandai harus ada di dalam

..., tetapi di luar deskripsi baris atau sel mana pun. Bawaan memiliki atribut align="top", tetapi dapat diatur secara eksplisit ke align="bottom". meluruskan

menentukan di mana keterangan akan ditempatkan di atas atau di bawah tabel. Judul selalu di tengah dalam lebar tabel.

Atribut batas tabel dasar

Atribut ini digunakan dalam tag tabel. Jika atribut ini ada, batas tabel digambar untuk semua sel dan untuk tabel secara keseluruhan. perbatasan dapat mengambil nilai numerik yang menentukan lebar perbatasan, seperti border="3".

ksatria dengan pistol 19 September 2012 pukul 11:16

Kesalahan yang harus dihindari saat menulis kode HTML

Setiap orang yang bekerja dengan HTML setiap hari harus sangat berhati-hati, karena mengikuti semua aturan HTML tidaklah mudah. Ini sangat penting, karena validator HTML menemukan semua, bahkan minor, kekurangan, dan Anda mendapatkan kode halaman dengan kesalahan. Hari ini kami akan mencoba memperhatikan yang paling umum dari mereka. Saya yakin bahwa rekomendasi yang diajukan akan sangat berguna bagi banyak orang, dan terutama para pengembang pemula. Jadi selamat datang di bawah

Penyarangan tag HTML yang salah

Sangat penting untuk menutup semuanya dengan benar tag HTML. Mereka harus menutup urutan terbalik dibandingkan saat dibuka. Kebanyakan pemula tidak cukup memperhatikan hal ini. Jika tag ditutup dengan urutan yang salah, Anda akan mendapatkan kesalahan validasi dan beberapa gaya mungkin tidak digunakan. Hati-hati!

Kesalahan

teks Anda

hak istimewa

teks Anda

Menggunakan elemen blok di dalam elemen sebaris

Setiap orang yang telah menggunakan HTML setidaknya sedikit dalam praktik tahu bahwa suatu elemen dapat ditampilkan baik sebagai blok atau sebagai garis. Elemen blok termasuk paragraf dan bagian harus berisi sebaris. Ini adalah struktur dokumen logis, jadi pastikan kode Anda mengikutinya.

Elemen sebaris populer: , , ,
Elemen blok populer:

,

…

,

,

,
, ,

Kesalahan

Kesalahan

hak istimewa

Sesuai standar

Penggunaan daftar yang salah

Tag OL dan UL dapat digunakan untuk menampilkan item daftar dalam berbagai cara. Anda juga akan mendapatkan banyak keuntungan tambahan. Tag daftar sangat membantu dalam memformat informasi agar ditampilkan dengan benar. Saya sarankan Anda berhenti menggunakan tanda kutip saat membuat daftar. Mesin pencari sama baiknya dalam menggunakan daftar karena membantu menyusun informasi pada halaman. Gunakan tag standar alih-alih peretasan.

Menggunakan gaya dalam kode

Anda mungkin pernah mendengar bahwa menggunakan gaya dalam kode itu buruk. Pernahkah Anda bertanya-tanya mengapa demikian? Alasannya, CSS dan HTML semantik dirancang khusus untuk memisahkan konten dari desainnya. Model ini memberikan lebih banyak fleksibilitas dan kenyamanan dalam bekerja dengan dokumen.

Kesalahan

Teks Anda yang luar biasa

Mengabaikan tag judul

Tag judul dirancang untuk memisahkan judul menjadi bagian terpisah pada halaman. Standar menyarankan menggunakan tag dari

sebelum

. Desain dan susunan teks di dalamnya bisa apa saja, tetapi biarkan dokumen terstruktur dengan benar!

Kesalahan Judulmu yang indah

Teks artikel Anda.

hak istimewa

Judulmu yang indah

Teks artikel Anda.

Penggunaan tag FORM yang salah

Kita semua sering membuat kesalahan saat membuat formulir dan tabel dalam HTML. Ingat bahwa tabel harus sudah dibuat di dalam formulir!

Kesalahan

...

hak istimewa
...

Tidak menggunakan atribut ALT

Saat bekerja dengan gambar, Anda harus menggunakan atribut ALT. Ini diperlukan karena pengguna akan dapat menentukan apa yang seharusnya menggantikan gambar, bahkan jika mereka menggunakan koneksi yang sangat lambat. Nilai ini harus menggambarkan esensi dari gambar yang digunakan. Jangan pernah menggunakan alt="gambar". Jika gambar melakukan fungsi dekoratif murni, maka gunakan alt="*".

Kesalahan hak istimewa

Tag salah untuk huruf tebal atau miring

Terlepas dari kenyataan bahwa dan melakukan pekerjaan mereka dengan baik dalam banyak kasus, menggunakan gaya untuk menghias teks memungkinkan lebih banyak fleksibilitas desain. Jika tag hanya menggarisbawahi arti dari bagian tertentu dari teks, maka gunakan tag dan .

Penggunaan jeda baris yang tidak berguna

Menandai
dapat digunakan sekali per baris untuk memulai kalimat berikutnya pada baris berikutnya. Banyak orang menggunakan tag ini untuk membuat jarak antar elemen. Penggunaan ini tidak memenuhi standar.

Kesalahan Paragraf pertama.


teks lanjutan. hak istimewa

Paragraf pertama.

teks lanjutan.

Tag: HTML, kesalahan

Pemformatan Teks dalam HTML - Metode dan Contoh - 4.0 dari 5 berdasarkan 1 suara

Bagaimana mengubahnya menjadi paragraf dan , telah kita bahas dalam pelajaran sebelumnya.

Dalam pelajaran ini, kita akan melihat bagaimana Anda dapat memformat teks dalam HTML dan tag apa yang ada untuk ini.

Pertama, mari kita lihat bagaimana Anda dapat mengubah tampilan teks menggunakan tag dan sepasang penutupnya. Menandai ada beberapa atribut. Atribut face="" dapat digunakan untuk mengatur font teks. Untuk melakukan ini, di antara tanda kutip di atribut face="", Anda harus menentukan nama font.

Sebagai contoh: teks Anda

Dalam contoh ini, font Arial telah diatur dan semua teks yang ditempatkan di antara tag akan ditampilkan dalam font ini. Anda dapat menentukan bukan hanya satu, tetapi beberapa font yang dipisahkan dengan koma, dalam hal ini font pertama yang sesuai dari daftar akan dipilih. Artinya, jika, misalnya, pengguna yang mengunjungi halaman Anda tidak memiliki font pertama di sistem, maka font kedua akan dipilih.

Ini ditulis seperti ini: teks Anda

Anda harus berhati-hati dengan pemilihan font. Tidak perlu menentukan berbagai font eksotis. Karena mereka mungkin tidak ada di komputer pengunjung Anda. Yang terbaik adalah menggunakan font standar seperti Arial, Times Roman, Vernada, Tahoma.

Atribut tag berikutnya adalah ukuran="". Dengan atribut ini, Anda dapat mengatur ukuran font. Untuk melakukan ini, di antara tanda kutip, Anda harus menentukan angka dari 1 hingga 7.

Sebagai contoh: teks Anda

Selain itu, ada kelompok tag HTML lain yang digunakan untuk memformat teks, dengan bantuan teks mereka, Anda dapat membuatnya tebal, miring, garis bawah, atau dicoret.

Anda dapat membuat teks tebal menggunakan tag dan sepasang penutupnya. Teks yang ditempatkan di antara tag ini akan dicetak tebal. Selain itu, teks tebal dapat dibuat menggunakan tag dan sepasang penutupnya. Untuk menyorot kata kunci pada halaman, lebih baik menggunakan tag kedua.

Sebagai contoh: gambar mini

Anda dapat membuat teks miring menggunakan tag teks yang ditempatkan di antara dua tag ini akan miring ke kanan.

Sebagai contoh: Teks dalam huruf miring

Teks yang digarisbawahi dapat dibuat menggunakan tag dan sepasang tag penutup. Akan ada garis di bawah teks yang ditempatkan di antara tag-tag ini.

Sebagai contoh: Teks yang digarisbawahi

Teks yang dicoret dapat dibuat menggunakan tag dan sepasang tag penutup teks yang terlampir di antara tag ini akan dipusatkan, dengan garis melewatinya.

Sebagai contoh: Teks yang dicoret

Tag HTML berikutnya yang digunakan untuk memformat teks adalah dan sepasang menutupnya. Teks yang terlampir di antara tag ini akan lebih besar dibandingkan dengan yang utama.

Sebagai contoh: teks besar

Menandai dan sepasang menutupnya kebalikan dari tag yang dibahas di atas. Teks yang diapit di antara tag ini akan lebih kecil dari teks isi.

Sebagai contoh: teks kecil

Dan akhirnya, kita harus mempertimbangkan dua tag lagi, ini adalah tag , yang menentukan superskrip, yaitu teks yang terletak di antara tag ini akan berukuran lebih kecil dan ditampilkan di bagian atas relatif terhadap font utama.

Sebagai contoh: ^Superskrip

Dan tag menentukan subskrip. Tes yang terlampir di antara tag ini akan ditempatkan di bawah teks utama.

Sebagai contoh: _berlangganan

Di sini, sebenarnya, dengan bantuan tag ini, Anda dapat menentukan satu atau lain gaya font dan memformat teks dalam html.

Materi disiapkan oleh portal:

Peramban	Internet Explorer			Netscape			Opera			safari	Mozilla	Firefox
Versi: kapan	5.5	6.0	7.0	6.0	7.0	8.0	7.0	8.0	9.0	1.0	1.7	1.0	2.0
Didukung	Ya	Ya	Ya	Ya	Ya	Ya	Ya	Ya	Ya	Ya	Ya	Ya	Ya

Keterangan

Menandai adalah wadah untuk mengubah karakteristik font seperti ukuran, warna, dan jenis huruf. Meskipun tag ini masih didukung oleh semua browser, tag ini tidak digunakan lagi dan harus ditinggalkan demi gaya.

Sintaksis

Teks

Tag penutup

Diperlukan.

Pilihan

color Mengatur warna teks. face Menentukan wajah font. size Menentukan ukuran font dalam unit konvensional.

Contoh 1: Menggunakan tag










P Huruf pertama dari kalimat ini dalam Arial, disorot dengan warna merah, dan diperbesar.





Deskripsi parameter tag

Parameter WARNA

Keterangan

Mengatur warna teks di dalam wadah .

Sintaksis

...

Argumen

Nilai warna dapat diatur dengan dua cara.

1. Sesuai namanya

Browser mendukung beberapa warna berdasarkan nama.

2. Dengan nilai heksadesimal

Bilangan heksadesimal digunakan untuk menentukan warna. Sistem heksadesimal, tidak seperti sistem desimal, didasarkan, seperti namanya, pada angka 16. Angka-angkanya adalah sebagai berikut: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A , B, C , D, E, F. Angka dari 10 hingga 15 diganti dengan huruf Latin. Bilangan yang lebih besar dari 15 dalam sistem heksadesimal dibentuk dengan menggabungkan dua bilangan menjadi satu. Misalnya, angka 255 dalam desimal sesuai dengan angka FF dalam heksadesimal. Untuk menghindari kebingungan dalam definisi sistem bilangan, bilangan heksadesimal didahului dengan simbol hash #, misalnya #666999. Masing-masing dari tiga warna - merah, hijau dan biru - dapat mengambil nilai dari 00 hingga FF. Dengan demikian, penunjukan warna dibagi menjadi tiga komponen #rrggbb, di mana dua karakter pertama menandai komponen warna merah, dua di tengah menandai hijau, dan dua terakhir menandai biru.

Analog CSS

Nilai default

Warna default browser.

Parameter WAJAH

Keterangan

Parameter wajah digunakan untuk mengatur jenis huruf yang digunakan untuk teks. Beberapa nama font dapat diberikan, dipisahkan dengan koma. Dalam hal ini, jika font yang ditentukan pertama tidak ditemukan, browser akan menggunakan yang berikutnya dalam daftar.

Sintaksis

...

Argumen

Sejumlah nama font dipisahkan dengan koma. Keluarga font universal:
serif - font serif (antik), seperti Times;
sans-serif - font serif (font sans-serif atau aneh), perwakilan yang khas adalah Arial;
kursif - font kursif;
fantasi - font dekoratif;
monospace - font monospace, lebar setiap karakter dalam keluarga ini adalah sama.

Analog CSS

Nilai default

Font default di browser.

UKURAN Parameter

Keterangan

Zmengatur ukuran font dalam unit arbitrer dari 1 hingga 7. Ukuran rata-rata default adalah 3. Ukuran font dapat ditentukan baik sebagai nilai absolut (misalnya, size="4" ) atau sebagai nilai relatif (misalnya, ukuran ="+1" , ukuran="-1" ). Dalam kasus terakhir, ukurannya berubah relatif terhadap alasnya. Ukuran font tidak hanya dipengaruhi oleh parameter ukuran yang diberikan, tetapi juga oleh pilihan jenis huruf. Misalnya, font Arial terlihat lebih besar dari font Times, dan font Verdana sedikit lebih besar dari font Arial. Pertimbangkan fitur ini saat memilih font dan ukurannya.

Sintaksis

...

Argumen

Bilangan bulat dari 1 hingga 7, atau ubah nilainya naik atau turun menggunakan simbol + dan -.

Pertanyaan untuk ujian

Apa itu HTML? Berapa pasang tag wajib yang Anda ketahui? Di antara tag mana yang merupakan judul dokumen? Sepasang tag mana yang mendefinisikan paragraf dalam dokumen? Judul tingkat kedua, rata kanan, diberikan oleh tag: Bagaimana cara yang benar dalam bahasa Inggris. Bahasa mencatat tag perataan ke kanan, kiri, tengah, lebar: Tidak adanya parameter perataan dalam tag heading atau paragraf menyebabkan perataan teks dengan: Tag tidak berpasangan apa yang Anda ketahui Garis horizontal lebar 50%, tebal 2 piksel, tidak -embossed, warna biru diatur tag Mengapa Anda perludi html? Apa 2 jenis (metode) pemformatan teks dalam dokumen html yang Anda ketahui? Tag apa yang harus diterapkan untuk mendapatkan teks tebal yang dicoret? Berikut cuplikan kode untuk teks miring dan bergaris bawah: Tag apa yang memindahkan teks relatif terhadap tingkat baris utama (superskrip dan subskrip)? Tag pemformatan apa yang dimiliki oleh parameter wajah, warna, dan ukuran? Apa yang terjadi jika font yang ditentukan dalam parameter wajah tidak diinstal di komputer? Tag mana yang menampilkan teks dengan cara yang sama (dicetak miring) untuk tujuan yang berbeda? Apa yang terjadi jika tag tidak akan ditutup? Jika Anda perlu menampilkan teks monospace pada halaman, Anda dapat melakukannya dengan menggunakan tag: Tafsirkan cuplikan kode berikut:
Selamat HTML Apa itu hypertext? Tentukan komponen tautan apa pun? Untuk mengatur link dari indeks dokumen. htm ke dokumen buku. htm terletak di direktori yang sama, Anda perlu menulis baris: Seperti apa tampilan hyperlink biasa (tanpa gaya yang diterapkan padanya)? Apa yang terjadi jika file yang Anda tautkan hilang? Bagaimana cara mereferensikan dengan benar dari index. htm terletak di root ke risunki. htm terletak di folder gambar, yang merupakan subfolder dari folder shedevr? Kapan waktu yang tepat untuk menggunakan tautan internal? Untuk membuat tautan internal dari bagian "Cetak" ke bagian "Publikasi" (jangkar-izdan): Jelaskan arti dari fragmen berikut: Kesimpulan Bagaimana cara membuat tautan ke kotak surat *****@***ru Apa yang ditentukan oleh parameter bgcolor? Sistem bilangan apa yang digunakan untuk merepresentasikan warna dalam HTML? Warna apa yang diwakili oleh warna biru? Seperti apa tampilan halaman html tanpa adanya parameter tag body? Tandai triplet yang benar dari parameter atribut dari tag tubuh? Parameter apa yang mengatur warna tautan yang dilihat? Berapa banyak parameter tag tubuh yang mengatur batas bidang dokumen html yang Anda ketahui Parameter tag tubuh mana yang memungkinkan Anda untuk mengatur gambar sebagai latar belakang dokumen? Tag apa yang mendefinisikan daftar bernomor dan berpoin? Bagaimana cara mengubah jenis penanda menjadi kotak yang diisi? Bagaimana cara menggabungkan sel tabel secara vertikal? Secara horizontal?