Tambahkan Satu Baris Break dalam Tampilan Desain Dreamweaver

click fraud protection

Jika Anda baru mengenal desain web dan pengembangan front-end (HTML, CSS, Javascript), maka Anda dapat memilih untuk memulai dengan WYSIWYG editor. Akronim ini adalah singkatan dari "apa yang Anda lihat adalah apa yang Anda dapatkan" dan pada dasarnya mengacu pada perangkat lunak yang memungkinkan Anda untuk buat halaman web menggunakan alat visual sementara perangkat lunak menulis beberapa kode di belakang layar berdasarkan siapa Anda menciptakan. Alat WYSIWYG paling populer yang tersedia bisa dibilang Adobe Dreamweaver Adobe.

Pilihan Bagus untuk Mereka yang Baru Memulai

Sementara banyak profesional web berpengalaman dengan lebih banyak keterampilan halus meremehkan Dreamweaver dan kecenderungannya untuk menghasilkan markup HTML yang membengkak dan gaya CSS, kebenaran yang sederhana adalah bahwa platform tetap menjadi pilihan yang baik bagi mereka yang baru memulai dengan desain situs web. Saat Anda mulai menggunakan opsi "tampilan desain" Dreamweaver untuk membangun halaman web, salah satu pertanyaan yang mungkin Anda miliki adalah bagaimana membuat jeda baris tunggal untuk konten dalam tampilan itu.

instagram viewer

Saat Anda menambahkan teks HTML ke halaman web, browser web akan menampilkan teks tersebut sebagai garis panjang hingga mencapai tepi jendela browser atau elemen penampungnya. Pada saat itu, teks akan membungkus ke baris berikutnya. Ini mirip dengan apa yang terjadi pada perangkat lunak pengolah kata apa pun, seperti Microsoft Word atau Google Documents. Ketika satu baris teks tidak memiliki ruang lagi pada garis horizontal, itu akan membungkus untuk memulai baris lain. Jadi apa yang terjadi jika Anda ingin mendikte di mana garis putus?

Saat Anda Menekan ENTER di Tampilan Desain Dreamweaver

Ketika Anda memukul MEMASUKKAN dalam tampilan desain Dreamweaver, paragraf saat ini ditutup dan paragraf baru dimulai. Secara visual, ini berarti kedua garis tersebut dipisahkan dengan sedikit spasi vertikal. Ini karena, secara default, HTML paragraf memiliki padding atau margin (yang mana tergantung pada browser itu sendiri) diterapkan ke bagian bawah paragraf yang menambahkan spasi itu.

Ini dapat disesuaikan dengan CSS, tetapi sebenarnya Anda ingin ada jarak antar paragraf untuk memungkinkan keterbacaan situs web. Jika Anda menginginkan satu baris dan tidak ada jarak vertikal yang lebar antar baris, Anda tidak ingin menggunakan tombol ENTER karena Anda tidak ingin baris tersebut menjadi paragraf individual.

Ketika Anda Tidak Ingin Paragraf Baru Dimulai

Untuk saat-saat ini ketika Anda tidak ingin paragraf baru dimulai, Anda dapat menambahkan
tag dalam HTML. Ini juga terkadang ditulis sebagai
. khusus untuk versi XHTML yang mengharuskan semua elemen ditutup. Trailing / dalam sintaks itu menutup sendiri elemen sejak
tag tidak memiliki tag penutup sendiri. Ini semua baik dan bagus, tetapi Anda bekerja di Design View di Dreamweaver. Anda mungkin tidak ingin melompat ke kode dan menambahkan jeda ini. Tidak apa-apa, karena Anda memang dapat menambahkan jeda baris di Dreamweaver tanpa menggunakan tampilan kode.

Tambahkan Line Break di Design View Dreamweaver:

  1. Tempatkan kursor Anda di tempat Anda ingin baris baru dimulai.
  2. Tahan tombol Shift dan tekan Memasukkan.

Itu dia! Penambahan sederhana dari tombol "shift" bersama dengan [ENTER] akan menambahkan a
bukannya paragraf baru. Jadi sekarang Anda tahu bagaimana ini, Anda harus mempertimbangkan di mana menggunakannya dan di mana harus menghindarinya. Ingat, HTML dimaksudkan untuk membuat struktur situs, bukan tampilan visual. Anda tidak boleh menggunakan banyak
tag untuk membuat spasi vertikal di bawah elemen dalam desain Anda.

Untuk itulah properti CSS untuk padding dan margin. Di mana Anda akan menggunakan
tag adalah ketika Anda hanya membutuhkan jeda baris tunggal. Misalnya, jika Anda mengkodekan alamat surat dan memutuskan untuk menggunakan paragraf, Anda dapat menambahkan
tag seperti ini:

Nama perusahaan
Jalur Alamat
Kota, Negara Bagian, ZIP.

Kode untuk alamat ini adalah satu paragraf, tetapi secara visual akan menampilkan tiga baris pada baris individu dengan spasi kecil di antara mereka.

instagram story viewer