Video: Belajar html pemula dreamweaver part I 2024
Apabila anda membuat halaman web baru dalam Adobe Creative Suite 5 (Adobe CS5) banyak Dreamweaver kod dibuat untuk membantu pelayar web anda mengenali HTML dan versi HTML yang digunakannya. Dreamweaver berfungsi di latar belakang untuk memastikan halaman anda berfungsi dalam kebanyakan versi pelayar web yang terkini, seperti Firefox, Internet Explorer, dan Safari.
Kod HTML, walaupun mudah, sama seperti bahasa lain, oleh itu anda mesti mengetahui sintaks (urutan yang betul dan pembentukan kod) dan perbendaharaan kata (menghafal banyak tag). Anda tidak perlu mempunyai pita pita di cermin anda untuk membina halaman web yang baik dan bersih, tetapi anda perlu mengkaji semula asas HTML berikut.
Jika anda seorang pengguna berpengalaman, anda tahu bahawa dengan menyalin dan menampal kod, anda boleh mengetahui banyak tentang kod HTML. Sekiranya anda seorang pengguna baru, kod penyalin dan menyisipkan dapat membantu anda memahami kod yang diterapkan oleh orang lain pada halaman mereka dan mungkin memberi anda beberapa idea.
Secara umum, tag HTML terdiri daripada tiga bahagian:
-
Tag: Bahagian utama maklumat HTML, sebagai contoh, untuk kuat atau tebal, untuk tag font, atau
untuk jadual HTML. Tag selalu dibina daripada kata kunci yang disertakan dalam satu set kurung, seperti
, atau
.
Oleh sebab kebanyakan tag muncul secara berpasangan, anda mesti memasukkan tag pembuka (
) dan tag penutup (
). Dalam XHTML 1. 0 Peralihan (standard yang digunakan untuk semua halaman baru yang dibuat dalam Dreamweaver), semua tag mesti ditutup. Anda boleh menutup tanda atau membuat tag penutup diri dengan memasukkan slit sebelum pendakap penutup:Sebagai contoh, jika anda membuat teks tebal dengan menambahkan tag , beritahu teks di mana hendak berhenti menggunakan huruf tebal dengan memasukkan tag tutup . Jika tidak, teks terus kelihatan berani sepanjang baki halaman.
Atribut: Membolehkan anda menala rupa penanda HTML tertentu. Atribut selalu ditambahkan pada tag pembuka dan boleh mengambil nilai yang berbeza untuk mengawal atribut seperti warna pautan, saiz, dan destinasi. Sebagai contoh, jajarkan adalah atribut tag
(perenggan) yang menentukan bagaimana teks di dalam perenggan sepatutnya diselaraskan.
Berikut ialah contoh tag paragraf (
) dengan atribut yang ditambahkan:
Teks ini berpusat
Nilai: Destinasi warna, saiz, dan pautan, contohnya atribut. Sebagai contoh, anda boleh menentukan nombor heksadesimal sebagai nilai untuk atribut warna. Contoh nilai untuk atribut bgcolor tag (yang mengawal penampilan halaman keseluruhan) boleh menjadi "merah" atau "# CC0000".
Nesting adalah pesanan di mana tanda muncul. Sekiranya tag digunakan, ia kelihatan seperti ini: Teks ini berani . Tambah tag italik dan anda lihat Teks ini berani dan italik. . Perhatikan penempatan yang diletakkan di luar: Anda berfungsi dengan cara dari bahagian dalam ke luar apabila menutup tag.