Mewujudkan garis mendatar dalam HTML

Pengarang: Roger Morrison
Tarikh Penciptaan: 22 September 2021
Tarikh Kemas Kini: 1 Julai 2024
Anonim
Responsive CSS Grid Tutorial
Video.: Responsive CSS Grid Tutorial

Kandungan

Barisan mendatar membenarkan editor Web untuk memisahkan bahagian halaman ke dalam bahagian yang lebih kecil, lebih mudah dihadam, dengan itu mengarahkan pengguna untuk memberi tumpuan kepada apa yang dibentangkan. Tidak seperti tag bawah garis bawah , garis mendatar tidak dikaitkan dengan teks di atas atau di bawahnya. Ia juga boleh diletakkan di sebelah kiri, kanan atau tengah dan boleh menjadi sebarang warna, ketebalan atau ketinggian yang dipilih oleh editor. Tutorial ini mengajar anda untuk membuat garisan mendatar berwarna coklat, tebal, mendatar kiri yang memisahkan tajuk utama dari badan dokumen, yang kosong.


Arahan

Pukulan skrin laman web lengkap (Semua imej adalah tembakan skrin yang dicipta oleh Eric Tilden)
  1. Masukkan yang berikut antara tag> seperti yang ditunjukkan:

    Dokumen saya

    Tetapkan tajuk untuk dokumen anda, menggunakan tag

    . Tag ini memberitahu mesin carian bahawa perkataan di antara mereka adalah yang paling penting dalam halaman. Tajuk ini akan menjadi tajuk laman web, yang memberi makna kepada penggunaan garis mendatar.

    Langkah 1
  2. Masukkan tag baris mendatar seperti yang ditunjukkan:


    Tag baris mendatar tidak mempunyai tag akhir. Sertakan ruang dan slit sebelum isyarat utama.

    Langkah 2
  3. Tambah atribut "jajarkan" dan aturnya ke "kiri", seperti yang ditunjukkan:



    Langkah 3
  4. Tambah atribut "saiz" dan tetapkannya kepada "4", seperti yang ditunjukkan:


    Atribut "saiz" menentukan betapa tebalnya garis, dalam piksel.

    Langkah 4
  5. Tambah atribut "lebar" dan tetapkannya kepada "370", seperti yang ditunjukkan:


    Nilai atribut "lebar" menentukan berapa lama garis itu, dalam piksel.

    Langkah 5
  6. Tambahkan atribut "warna" pada baris mendatar dan tetapkannya kepada "maroon" seperti yang ditunjukkan:


    Warna tag ini boleh ditetapkan pada warna biasa atau warna heksadesimal yang anda pilih. Warna heksadesimal mesti didahului dengan tanda "#".


    Langkah 6
  7. Simpan dokumen itu dan hantarkan ke pelayan anda. Buka pelayar anda dan cari halaman tersebut. Ia sepatutnya mempunyai garis coklat mendatar di bawah tajuk dokumen.

    Laman web sedia

Notis

  • Tag itu
    adalah usang, dan W3Schools menggalakkan penggunaan imej piksel tunggal yang diubah suai, menggunakan arahan helaian gaya untuk memanjangkan atau menaikkan garisan ke saiz yang dikehendaki.

Apa yang anda perlukan

  • Editor teks, seperti Sumber Edit (lihat Sumber)
  • Perisian untuk menghantar dokumen, seperti FileZilla (lihat Sumber)
  • Ruang pada pelayan