Cara memasukkan garisan dalam HTML

Posted on
Pengarang: Laura McKinney
Tarikh Penciptaan: 8 April 2021
Tarikh Kemas Kini: 16 Mungkin 2024
Anonim
Cara Membuat Garis Horizontal Halaman HTML
Video.: Cara Membuat Garis Horizontal Halaman HTML

Kandungan

Dalam artikel ini: Masukkan baris dalam HTML 4.01Menunjukkan baris menggunakan fail CSS dan HTML5References

Anda boleh menggunakan garis mendatar untuk membatasi kandungan laman web anda. Kod untuk memaparkan garis adalah sangat mudah. Walau bagaimanapun, jika anda boleh menukar gaya baris anda secara langsung dalam kod HTML dengan HTML 4.01, ia tidak sama dengan HTML5. Untuk yang terakhir, anda perlu menggunakan komponen CSS untuk mengubah suai gaya.


peringkat

Kaedah 1 Masukkan baris dalam HTML 4.01



  1. Buat dokumen baru. Buka atau buat dokumen HTML baru. Dokumen HTML boleh diedit menggunakan editor e seperti Notepad. Anda juga boleh menggunakan editor kod seperti Adobe Dreamweaver. Ikuti langkah ini untuk membuka dokumen HTML dalam program pilihan anda:
    • terbuka Notepad atau penerbit e atau kod pilihan anda;
    • klik pada fail ;
    • klik pada terbuka ;
    • pilih fail HTML;
    • klik pada terbuka.


  2. Masukkan garisan. Pilih di mana anda hendak memasukkan baris. Tatal ke bawah sehingga anda mencari garisan kod di atas yang anda mahu masukkan garisan anda. Kemudian klik di bahagian jauh baris untuk meletakkan kursor anda pada awal baris.



  3. Tinggalkan ruang. Ketuk dua kali kemasukan untuk memindahkan e ke garis di atas yang anda ingin letakkan garis mendatar anda. Selepas itu, letakkan kursor anda di bahagian atas ruang yang baru anda buat.


  4. Tambah tag
    .
    jenis
    sebelum permulaan garisan. Tag itu
    digunakan untuk membuat garis mendatar merentasi halaman.


  5. Pergi ke talian. Pindahkan garisan di depan tag hr pada baris baru. Untuk melakukan ini, tekan kemasukan. Jadi, tag itu
    harus diasingkan pada barisnya sendiri.



  6. Tambah atribut. Anda boleh (jika anda mahu) menambah atribut ke baris mendatar anda seperti sifat panjang, lebar, warna, dan penjajaran. Gunakan kod berikut selepas tanda nama hr di dalam kasau. Anda boleh menambah lebih daripada satu sifat di dalam chevron dengan memisahkannya dengan ruang.
    • jenis
      untuk menukar ketebalan baris. Gantikan # dengan nilai yang dikehendaki untuk ketebalan (contoh: size = "10").
    • jenis
      untuk menukar lebar garisan. Gantikan # dengan bilangan piksel untuk lebar atau peratusan lebar halaman (misalnya: lebar = "200" atau lebar = "75%").
    • jenis
      untuk menukar warna garisan. Gantikan # dengan nama warna atau kod heksadesimal (contoh: color = "red" atau color = "# FF0000")
    • jenis
      untuk menguruskan penjajaran garisan. Gantikan # dengan "betul", "kiri" atau "tengah" (contoh:
      ).


  7. Simpan fail HTML anda. Untuk menyimpan fail e sebagai dokumen HTML, anda mesti menggantikan pelanjutan fail (.txt, .docx) oleh .html. Ikuti langkah-langkah ini untuk menyimpan dokumen HTML anda:
    • klik pada menu fail ;
    • pilih Simpan sebagai ... ;
    • masukkan nama untuk fail, di sebelah Nama fail ;
    • jenis .html selepas nama fail
    • klik pada rekod.


  8. Uji kod anda. Untuk menguji fail HTML anda, klik kanan pada fail dan pilih Buka dengan. Kemudian, pilih penyemak imbas internet. Baris sepatutnya muncul di mana anda meletakkan teg hr. Kod HMTL anda harus kelihatan seperti ini:

    Ini tajuk


    Ini adalah perenggan yang dipisahkan dari tajuk dengan garis mendatar.

Kaedah 2 Masukkan Selaras Menggunakan Fail CSS dan HTML5



  1. Buat dokumen baru. Buka atau buat dokumen HTML baru. Dokumen HTML boleh diedit menggunakan editor e seperti Notepad. Anda juga boleh menggunakan editor kod seperti Adobe Dreamweaver. Ikuti langkah ini untuk membuka dokumen HTML dalam program pilihan anda:
    • terbuka Notepad atau penerbit e atau kod pilihan anda;
    • klik pada fail ;
    • klik pada terbuka ;
    • pilih fail HTML;
    • klik pada terbuka.


  2. Tambah tag kepala. Jika fail HTML anda tidak mempunyai bahagian lagi kepala, ikuti langkah di bawah untuk menambahnya. Bahagian ini kepala antara tag dan .
    • jenis di bahagian atas dokumen anda.
    • Ketuk dua kali kemasukan untuk menambah dua baris baru.
    • jenis untuk menutup permainan kepala.


  3. jenis

    Ini tajuk


    Ini adalah perenggan yang dipisahkan oleh garis mendatar