Simbol garis vertikal. Cara menambahkan baris di dekat teks

Garis horisontal dibentuk oleh tag yang tidak berpasangan (tidak perlu tag penutup)

dan bisa menjadi elemen desain yang cukup unik. Pemformatan teks dengan penambahan garis HTML horizontal akan memberikan halaman logika presentasi teks tertentu, dan juga memudahkan pembaca untuk menyoroti blok-blok informasi yang perlu dipelajari secara berurutan. Menandai

dapat membentuk garis horizontal dengan warna, ketebalan, dan panjang yang berbeda. Dan cukup sederhana untuk melakukannya, yang ditunjukkan pada contoh di bawah ini.

Omong-omong, Anda juga dapat menggunakan properti gaya blok

dan

untuk membentuk garis di lokasi tertentu. Benar, opsi ini mungkin tidak selalu nyaman, misalnya, mewarnai tabel terkadang tidak selalu membenarkan dirinya sendiri, tetapi dalam banyak opsi dimungkinkan untuk menyelesaikan masalah dengan cara ini. Misalnya, di dalam garis yang terbentuk menandai
jangan masukkan teks. Dan di dalam blok itu mungkin dan terus dipraktikkan. Jadi, Anda perlu memilih opsi Anda tergantung pada persyaratan desain.

Garis vertikal dalam HTML.

DAN garis vertikal dibentuk di hampir blok yang sama

dan

.
Hanya satu ketidaknyamanan - tidak di semua browser tag
berfungsi sama, tetapi Anda harus mencoba dan mengubah halaman, atau menggunakan browser yang diperbarui.

Formasi garis horizontal:

Menandai
menyisipkan garis horizontal pada halaman dan memiliki atribut berikut:

Tag sintaks
:

Contoh garis horizontal dalam HTML:

Contoh garis vertikal dalam HTML:

lingkaran yang dibentuk dengan tag

Berikut adalah contoh garis merah horizontal di bagian atas.

Berikut adalah contoh garis horizontal dan vertikal.

Sintaks untuk contoh garis vertikal dan horizontal dalam HTML adalah:

perhatikan perbatasan atribut style kiri (kanan): 4px solid # FF0000;:

lingkaran yang dibentuk dengan tag

Berikut adalah contoh garis merah vertikal di sebelah kiri.

Berikut adalah contoh garis merah vertikal di sebelah kanan.

Berikut adalah contoh garis merah horizontal di bawah ini.

Untuk menekankan beberapa elemen penting dari situs ini, tidak ada salahnya menggunakan semua jenis gaya dan properti CSS yang disediakan untuk ini. Tentu saja, Anda tidak perlu terlalu repot dengan teks dan menyorotnya, misalnya dalam huruf tebal atau miring, mengubah latar belakang atau membuat bingkai di sekitar teks. Tetapi tidak selalu salah satu metode yang disajikan cocok. Katakanlah Anda memiliki teks yang perlu dipisahkan karena spesifik dari muatan semantiknya. Di sinilah properti html dan CSS masuk

Cara membuat garis dalam teks menggunakan CSS

Untuk mengimplementasikan rencana kami, kami perlu merujuk file style.cssdengan menulis properti yang sesuai di dalamnya berbatasan... Ini akan membuat garis di atas, di bawah, atau di sisi tertentu dari teks. Pada gilirannya, beberapa properti disediakan yang bertanggung jawab untuk menampilkan garis, yaitu:

- batas atas - garis horizontal di atas teks;

- berbatasan kanan - garis vertikal di sebelah kanan teks;

- perbatasan-bawah - garis horizontal di bawah teks;

- perbatasan-kiri - garis vertikal ke kiri.

Cara membuat garis dalam html

Menggunakan properti CSS, Anda dapat menulis semua nilai yang diperlukan dengan mengedit kode HTML. Untuk melakukan ini, Anda harus pergi ke bagian administrasi situs. Pilih salah satu bahan yang diterbitkan, alihkan editor teks ke mode edit kode html dan tambahkan properti CSS. Sampel dapat dilihat di bawah ini.

Bagaimana cara membuat garis putus-putus atau lurus?

Dengan meresepkan properti ini, Anda akan dapat menekankan pentingnya materi, paragraf atau heading yang disajikan?

Penjelasan singkat tentang perintah

- lebar - panjang garis;

- padat - garis utuh;

- burik - garis putus-putus.

Untuk pengantar gaya yang lebih mendalam, saya sarankan membaca yang ini.

Perlu dipahami bahwa dalam proses membuat perubahan pada kode situs, properti yang menentukan tipe garis, ketebalan dan warnanya terdaftar dipisahkan oleh spasi.

Metode ini memiliki beberapa keunggulan:

Berbagai kemungkinan yang dapat Anda gunakan untuk membuat hampir semua lini.

Kemudahan membuat semua perubahan yang diperlukan secara langsung ke kode HTML. Ini sangat menyederhanakan tugas untuk pembangun situs yang tidak berpengalaman.

Cara membuat garis horizontal lurus menggunakan tag HTML

Hal pertama yang saya ingin menarik perhatian Anda adalah bahwa tag ini, terlepas dari semua kehalusan dan prinsip-prinsip html, tidak memiliki tag penutup. Ini dapat digunakan di mana saja dalam kode html, di antara tag dan

.

Atribut Tag

- lebar - bertanggung jawab atas panjang garis. Ini dapat ditentukan dalam persentase dan piksel.

- ukuran - ketebalan garis. Ditentukan dalam piksel.

- warna - Menentukan warna garis.

- meluruskan - atribut yang bertanggung jawab untuk perataan garis. Pada gilirannya, perintah itu merujuk padanya:

- Baik - perataan kanan;

- kiri - perataan kiri;

- pusat - perataan tengah.

Contoh kode html menggunakan tag

Saya harap Anda berhasil dan sekarang Anda tahu cara membuat garis di situs web Anda. Tinggalkan pertanyaan mendesak di komentar, dan kami pasti akan membahasnya.

Terima kasih atas perhatian Anda dan sampai jumpa di halaman Stimylrosta.

Sebuah tugas

Tambahkan ke sisi paragraf teks garis vertikal.

Keputusan

Anda dapat menarik perhatian pembaca ke teks dengan berbagai cara. Misalnya, buat teks tebal, ubah warnanya, gunakan latar belakang, gambar bingkai. Tetapi bagaimana jika Anda ingin tidak hanya memilih teks, berapa banyak untuk memisahkan satu blok teks dari yang lain, untuk membaginya menjadi bagian semantik yang berbeda? Di sinilah penggunaan garis dan indentasi sangat berharga.

Blok teks pada halaman web sangat berbeda dari rekan cetaknya. Perbedaan utama adalah lebar variabel dan tinggi teks, yang tergantung pada resolusi monitor, pengaturan sistem operasi, peramban dan hal-hal lain semacam itu. Fitur-fitur ini memberikan tata letak halaman kompleksitas tertentu, tetapi pada saat yang sama menghasilkan teknik khusus yang sangat menyederhanakan proses pembuatan situs web. Mari kita lihat bagaimana Anda dapat menggunakan gaya untuk membuat garis bentuk bebas di sekitar teks, terlepas dari ukurannya.

Untuk membuat garis, perbatasan properti CSS digunakan, yang menetapkan batas di sekitar blok. Dalam kasus khusus, untuk membuat garis hanya pada satu sisi elemen, properti border-bottom, border-top, border-left dan border-right digunakan, masing-masing mengatur garis dari bawah, atas, kiri dan kanan.

Nilai-nilai properti ini terdaftar dipisahkan oleh spasi dan segera mengatur jenis garis, ketebalan dan warnanya. Gaya garis dapat menjadi salah satu dari delapan nilai, seperti yang ditunjukkan pada Gambar. 1, dan ketebalan biasanya ditentukan dalam piksel.

Ara. 1. Jenis garis

Contoh 1 menunjukkan cara membuat garis vertikal di sebelah teks.

Contoh 1. Garis vertikal di sebelah kiri teks

HTML5 CSS 2.1 IE Cr Op Sa Fx

Baris ke kiri teks

Mempelajari proses-proses dalam kelompok kecil dari posisi yang dekat dengan psikologi Gestalt dan psikoanalisis, yang mencerminkan struktur mikro informal masyarakat, J. Moreno menunjukkan bahwa keterpaksaan memberi tekanan berdasarkan sifatnya yang memadukan antara subjektif dan objektif, mentransfer motif-motif batinnya ke hubungan-hubungan nyata dari berbagai hal.

Untuk menjaga gaya paragraf asli tidak berubah, kelas baru baris, yang menetapkan garis vertikal di dekat paragraf. Kelas ini, di samping itu, juga menetapkan offset 20 piksel dari tepi kiri jendela ke teks menggunakan properti margin-kiri dan indentasi dari baris ke teks menggunakan padding-left, yang tanpanya teks akan menyentuh garis terlalu erat. Hasilnya ditunjukkan pada Gambar. 2.