Tarkib

• Qadamlar
• 2 -usul 1: HTML 4.01 da ishlash
• 2 -usul 2: CSS / HTML5 da ishlash

Ushbu maqolada sizga HTMLga gorizontal chiziq qo'shish ko'rsatiladi. Gorizontal chiziq saytdagi tarkibni ajratish uchun ishlatilishi mumkin. Chiziqni yaratish kodi juda oddiy. Lekin HTML 4.01 da ichki buyruqlar yordamida chiziq dizaynini o'zgartirish mumkin. HTML5 -da siz chiziqni uslublash uchun CSS -dan foydalanishingiz kerak bo'ladi.

Qadamlar

2 -usul 1: HTML 4.01 da ishlash

1. 1 Mavjud HTML hujjatni oching yoki yarating. HTML hujjatlarini Notepad kabi matn muharriri yoki Adobe Dreamweaver kabi maxsus kod muharriri yordamida tahrir qilish mumkin. Siz tanlagan dasturda HTML hujjatini ochish uchun quyidagi amallarni bajaring:
   • Notepad yoki boshqa matn / kod muharririni oching.
   • Menyuni oching Fayl.
   • Ustiga bosing Ochiq.
   • HTML faylini tanlang.
   • Ustiga bosing Ochiq
2. 2 Chiziqni joylashtirmoqchi bo'lgan joyni tanlang. Chiziq paydo bo'lishi kerak bo'lgan chiziqni topmaguningizcha pastga aylantiring va kursorni to'g'ridan -to'g'ri chiziqning boshiga o'tkazing va chap chiziqning chap chetiga bosing.
3. 3 Bo'sh qator qo'shing. Ikki marta bosing ↵ Kirishsatr qo'shmoqchi bo'lgan matnni pastga siljiting va kursorni bo'sh qatorga qo'ying.
4. 4 Hr> tegini qo'shing. Kirish soat> satr boshidagi bo'sh joyga. Teg soat> butun sahifa bo'ylab gorizontal chiziq chizish imkonini beradi.
5. 5 "Hr" belgisidan keyin kursorni bosib yangi qatorga o'tkazing ↵ Kirish. Endi teg soat> alohida qatorda bo'lishi kerak.
6. 6 Gorizontal chiziqqa atributlar qo'shing (ixtiyoriy). Uzunlik, qalinlik, rang va hizalanish kabi atributlarni qo'shing. Ularni "soat" dan keyin darhol jingalak qavslarga joylashtiring. Bir nechta atributlarni qo'shish uchun ularni bo'sh joy bilan ajrating.
   • Kirish soat o'lchami = "#">chiziq qalinligini o'zgartirish uchun. "#" Ni raqamli qalinlik qiymati bilan almashtiring (masalan, size = "10").
   • Kirish soat kengligi = "#">chiziq kengligini o'zgartirish uchun. "#" Ni piksellar soniga yoki sahifa kengligining foiziga almashtiring (masalan, width = "200" yoki width = "75%").
   • Kirish soat rang = "#">chiziq rangini o'zgartirish uchun. "#" Raqamini rang nomi yoki uning o'n oltilik kodi bilan almashtiring (masalan, color = "red" yoki color = "# FF0000").
   • Kirish hr align = "#">chiziqni tekislash uchun. "#" Raqamini "o'ng" (o'ng), "chap" (chap) yoki "markaz" (o'rtada) bilan almashtiring (masalan, hr width = "50%" align = "center">).
7. 7 HTML faylini saqlang. Matn faylini HTML hujjati sifatida saqlash uchun fayl kengaytmasini (.txt, .docx) ".html" ga o'zgartirish kerak. HTML hujjatni saqlash uchun quyidagi amallarni bajaring:
   • Menyuni oching Fayl.
   • Ustiga bosing Sifatida saqlash.
   • Fayl nomi maydoniga fayl nomini kiriting.
   • Qo'shish .html fayl nomidan keyin.
   • Ustiga bosing Saqlash.
8. 8 HTML hujjatingizni tekshiring. HTML faylini tekshirish uchun sichqonchaning o'ng tugmachasini bosing va "Ochish" -ni tanlang. Keyin veb -brauzeringizni tanlang. "Hr" yorlig'i qo'yilgan joyda to'g'ri chiziq paydo bo'lishi kerak. HTML kodi shunday ko'rinadi:

   ! DOCTYPE html> html> body> h1> Heading / h1> hr size = "6" width = "50%" align = "left" color = "green"> p1> Bu satr sarlavhadan chiziq bilan ajratilishi kerak. . / P1> / body> / html>

2 -usul 2: CSS / HTML5 da ishlash

1. 1 Mavjud HTML hujjatni oching yoki yarating. HTML hujjatlarini Notepad kabi matn muharriri yoki Adobe Dreamweaver kabi maxsus kod muharriri yordamida tahrir qilish mumkin. Siz tanlagan dasturda HTML hujjatini ochish uchun quyidagi amallarni bajaring:
   • Notepad yoki boshqa matn / kod muharririni oching.
   • Menyuni oching Fayl.
   • Ustiga bosing Ochiq.
   • HTML faylini tanlang.
   • Ustiga bosing Ochiq
2. 2 HTML hujjatingizga sarlavha qo'shing. Agar sizning HTML hujjatingizda sarlavha bo'lmasa, uni qo'shish uchun quyidagi amallarni bajaring. Sarlavha html> tagidan keyin tanasi> tegidan oldin bo'lishi kerak.
   • Kirish bosh> hujjatning yuqori qismida.
   • Ikki marta bosing ↵ Kirishikkita yangi qator qo'shish.
   • Kirish / bosh>sarlavhani yopish uchun.
3. 3 Kirish uslub turi = "text / css"> sarlavha ichida. HTML dizaynini o'zgartirish uchun CSS -dan foydalanishingiz mumkin bo'lgan joy yaratish uchun uslublar yorlig'i ikkita sarlavha tagiga joylashtiriladi.
   • Shu bilan bir qatorda, siz tashqi uslublar jadvalidan foydalanishingiz mumkin. Maqolani o'qing "HTML -ga CSS -ni qanday kiritish kerak»Tashqi CSS faylini HTML faylga qanday bog'lashni o'rganish.
4. 4 Kirish soat {. Bu gorizontal chiziqni uslublash uchun CSS yorlig'i. Sarlavha yoki tashqi CSS faylidagi "uslub" yorlig'idan keyin qo'shing.
5. 5 Hr> tag uchun CSS uslublarini qo'shing. Ular "hr {" tegidan keyin kelishi kerak. Gorizontal chiziqni har xil usulda yasash mumkin. Quyida ulardan bir nechtasi keltirilgan.
   • Kirish kengligi: ## px;chiziq kengligini sozlash uchun. "##" qatorini piksel kengligi bilan almashtiring. Piksel (px) o'rniga siz foizni (%) ishlatishingiz mumkin.
   • Kirish balandligi: ## px;chiziq og'irligini sozlash uchun. "##" qatorini piksel kengligi bilan almashtiring.
   • Kirish fon rangi: ##;chiziq rangini belgilash uchun. "##" raqamini rang nomi yoki xash (#) bilan almashtiring, shundan so'ng o'n oltilik rang kodi.
   • Kirish o'ng chegara: ## px;piksellar sonini o'ng chetidan belgilash uchun. "##" raqamli raqamli piksel yoki "avtomatik" kod bilan almashtiring. Chiziqni chapga yoki o'rtaga tekislash uchun "avtomatik" kiriting.
   • Kirish chap chegara: ## px;chap chetidan piksellar sonini belgilash uchun. "##" raqamli raqamli piksel yoki "avtomatik" kod bilan almashtiring. Chiziqni o'ngga yoki o'rtaga tekislash uchun "avtomatik" kiriting.
   • Kirish margin-top: ## px; chiziq uchun yuqori to'ldirishni belgilash uchun. "##" ni piksellar bilan to'ldirishga mos keladigan raqam bilan almashtiring.
   • Kirish chekka-pastki: ## px;chiziq uchun pastki to'ldirishni belgilash uchun. "##" ni piksellar bilan to'ldirishga mos keladigan raqam bilan almashtiring.
   • Kirish chegara kengligi: ## px;chiziq atrofida quti chizish uchun (ixtiyoriy). "##" raqamini chegara kengligiga mos keladigan raqam bilan almashtiring.
   • Kirish chegara rangi: ##;chegara rangini belgilash uchun (ixtiyoriy). "##" raqamini rang nomi yoki xash (#) bilan almashtiring, shundan so'ng o'n oltilik rang kodi.
6. 6 Kirish } hr> tegi uchun uslubni bajarish uchun uslub atributlaridan keyin.
7. 7 Kirish soat> gorizontal chiziq qo'shish uchun HTML hujjat tanasining istalgan joyida. HTML -hujjatingizda hr> tegidan har safar foydalanganingizda CSS uslubi sozlamalari qo'llaniladi. Sizning kodingiz shunday bo'lishi kerak:

   ! DOCTYPE html> html> head> style type = "text / css"> hr {width: 50%; balandligi: 20 piksel; fon rangi: qizil; o'ng chegara: avtomatik; chap chekka: avtomatik; yuqori chegara: 5 piksel; pastki chegara: 5 piksel; chegara kengligi: 2 piksel; chegara rangi: yashil; } / style> / head> body> h1> Heading / h1> hr> p1> Bu satr sarlavhadan gorizontal chiziq bilan ajratilishi kerak / p1> / body> / html>