Video: Full Video, Web Design Dasar, Dreamweaver Photoshop Wamp Tutorial 2024
Saat Anda membuat halaman web baru di Adobe Creative Suite 5 (Adobe CS5) banyak Dreamweaver kode dibuat untuk membantu browser web Anda mengenali HTML dan versi HTML yang digunakannya. Dreamweaver bekerja di latar belakang untuk memastikan bahwa halaman Anda bekerja di hampir semua browser web umum versi terbaru, seperti Firefox, Internet Explorer, dan Safari.
Kode HTML, meskipun mudah, sama seperti bahasa lain, karena Anda harus mengetahui sintaks (urutan dan susunan kode yang benar) dan kosa kata (hafal banyak tag). Anda tidak perlu mengumpat tape pada kacamata Anda untuk membangun halaman web yang bagus dan bersih, tapi Anda harus meninjau dasar-dasar HTML berikut.
Jika Anda pengguna berpengalaman, Anda tahu bahwa dengan menyalin dan menempelkan kode, Anda dapat mengetahui banyak tentang kode HTML. Jika Anda pengguna baru, kode salin dan tempel dapat membantu Anda memahami kode yang telah diterapkan orang lain di laman mereka dan mungkin memberi Anda beberapa gagasan.
Secara umum, tag HTML terdiri dari tiga bagian:
-
Tag: Bagian utama dari informasi HTML, misalnya untuk huruf tebal atau tebal, untuk tag font, atau
untuk tabel HTML Tag selalu dibuat dari kata kunci yang disertakan dalam kumpulan kurung, seperti
, atau
.
Karena kebanyakan tag datang berpasangan, Anda harus memasukkan tag pembuka (
) dan tag penutup (
). Dalam XHTML 1. 0 Transisi (standar yang digunakan untuk semua halaman baru yang dibuat di Dreamweaver), semua tag harus ditutup. Anda dapat menutup tag atau membuat tag penutup diri dengan menyertakan garis miring sebelum tanda kurung tutup:Misalnya, jika Anda membuat teks tebal dengan menambahkan tag , beri tahu teks di mana berhenti menerapkan kata kunci dengan memasukkan tag penutup . Jika tidak, teks terus tampil tebal sepanjang sisa halaman.
Memungkinkan Anda untuk menyempurnakan tampilan tag HTML tertentu. Atribut selalu ditambahkan ke tag pembuka dan dapat mengambil nilai yang berbeda untuk mengendalikan atribut seperti warna tautan, ukuran, dan tujuan. Misalnya, align adalah atribut dari tag (paragraf) yang menentukan bagaimana teks di dalam paragraf harus selaras.
Berikut adalah contoh tag paragraf () dengan atribut yang ditambahkan:
Ini adalah teks terpusat
Nilai:
Tujuan warna, ukuran, dan tautan, misalnya ditentukan dalam atribut. Misalnya, Anda dapat menentukan nomor heksadesimal sebagai nilai atribut warna. Contoh nilai atribut bgcolor tag (yang mengontrol keseluruhan tampilan halaman) bisa jadi "merah" atau "# CC0000". Nesting
adalah urutan tag yang muncul. Jika tag diterapkan, tampilannya seperti ini: Teks ini tebal . Tambahkan tag miring dan Anda melihat Teks ini tebal dan miring. . Perhatikan penempatan tag yang tidak pasti: Anda bekerja dari dalam ke luar saat menutup tag.
Pilihan Editor
Cara membuat pengeditan dasar pada gambar di Word 2013 - dummies
Gambar asli Anda Masukkan dokumen Word hanyalah titik awal; Anda dapat memodifikasi gambar itu dengan berbagai cara untuk menciptakan efek khusus dan memperbaiki penampilan gambar. Misalnya, Anda dapat menyesuaikan kecerahan gambar dan kontrasnya, menerapkan pencucian warna ke dalamnya, dan / atau menerapkan efek artistik ke ...
Bagaimana membuat daftar dengan peluru dan angka di Word 2013 - dummies
Kapanpun Anda memiliki lebih dari dua hal yang ingin dijelaskan dalam dokumen Word 2013 Anda, pertimbangkan untuk membuat daftar. Untuk menarik perhatian pada daftar seperti itu, untuk memanggilnya dari teks Anda yang lain, Anda dapat mencoba indentasi gantung, membuat beberapa kata pertama menjadi berani, atau memanfaatkan peluru dan garis Firman ...
Bagaimana menggabungkan dan membagi sel tabel di Word 2007 - dummies
Anda dapat menggabungkan dan membagi sel di tabel Word 2007 Anda. Anda dapat menggabungkan dua atau lebih sel dalam sebuah tabel dengan hanya menghapus baris yang memisahkannya. Untuk membagi satu sel menjadi dua, Anda cukup menggambar garis, horizontal atau vertikal, melalui sel. Menggabungkan sel di tabel Word 2007 Anda Klik ...
Pilihan Editor
Adalah Codependency a Addiction? Penyakit? - dummies
Bahwa kodependensi adalah penyakit yang pertama kali disarankan pada tahun 1988 oleh psikiater Timmen Cermak. Penyakit mungkin terdengar mengerikan, tapi itu hanya berarti suatu kondisi dengan gejala progresif dan progresif yang mengganggu fungsi normal. Alkoholisme disebut sebagai penyakit oleh American Medical Association (AMA) pada tahun 1956. Pada tahun 1991, AMA mengkategorikannya sebagai penyakit bersama ...
Tahap akhir Codependency and Recovery - dummies
Pada tahap akhir kodependensi dan pemulihan, kontras antara penyakit dan kesehatan paling terasa. Dunia kodependen yang tidak diobati telah menyempit secara signifikan, dan tingkat kesehatan dan fungsinya telah menurun drastis, sementara dunia kodependen yang telah pulih telah diperluas untuk mencakup pengambilan risiko, hubungan, dan tujuan baru yang lebih besar. Proses penyakit pada ...
Pilihan Editor
Bagaimana cara Capture QuickBooks Rights Settings - dummies
QuickBooks membuat hidup Anda lebih mudah dengan memberi Anda dan akuntan Anda semua yang Anda butuhkan untuk menjaga agar tetap teratur. Namun, kadang-kadang solusi adalah dalam rangka. Akuntan sering ingin melihat hak yang dimiliki pengguna tertentu, terutama jika mereka mengaudit Anda sebagai bagian dari penutupan tahunan. (Anda mungkin diaudit jika bank menginginkan ...
Bagaimana Mengubah Hak Pengguna di QuickBooks Pro dan Premier - dummies
Anda dapat memodifikasi hak yang Anda berikan kepada pengguna di QuickBooks Pro atau Premier. Untuk melakukan ini, pilih Company → Set Up Users and Passwords → Set Up Users untuk menampilkan kotak dialog User List. Untuk melihat hak yang dimiliki pengguna tertentu, pilih pengguna dalam daftar dan klik View ...
Mengubah Hak Pengguna di Solusi Perusahaan QuickBooks 2012 - dummies
Di Solusi Perusahaan QuickBooks, Anda juga dapat memodifikasi hak yang Anda berikan kepada pengguna. Untuk melakukannya, pilih perintah Perusahaan → Pengguna → Atur Pengguna dan Peran untuk menampilkan kotak dialog Pengguna dan Peran, seperti yang ditunjukkan di bawah ini. Untuk mengubah hak pengguna setelah meninjaunya, pilih pengguna dan klik tombol Edit. Ini ...
