MəZmun

• Addımlar
• Metod 1 /2: HTML 4.01 -də işləmək
• Metod 2 /2: CSS / HTML5 -də işləmək

Bu yazı HTML -də üfüqi bir xətt necə əlavə edəcəyinizi göstərəcəkdir. Yatay xətt, saytdakı məzmunu ayırmaq üçün istifadə edilə bilər. Xətti yaratmaq üçün kod olduqca sadədir. Ancaq HTML 4.01 -də daxili əmrlərdən istifadə edərək xəttin dizaynını dəyişdirmək mümkündür. HTML5 -də, xətti tərtib etmək üçün CSS -dən istifadə etməli olacaqsınız.

Addımlar

Metod 1 /2: HTML 4.01 -də işləmək

1. 1 Mövcud olanı açın və ya yeni bir HTML sənədi yaradın. HTML sənədləri Notepad kimi bir mətn redaktoru və ya Adobe Dreamweaver kimi xüsusi bir kod redaktoru ilə düzəldilə bilər. Seçdiyiniz proqramda bir HTML sənədini açmaq üçün aşağıdakı adımları yerinə yetirin:
   • Notepad və ya başqa bir mətn / kod redaktorunu açın.
   • Menyu açın Fayl.
   • Basın Aç.
   • HTML faylını seçin.
   • Basın Aç
2. 2 Xətti daxil etmək istədiyiniz yeri seçin. Xəttin yuxarıda görünməsi lazım olan xətti tapana qədər aşağı diyirləyin və sonra həmin sətrin ən solundakı düyməni tıklayaraq kursoru birbaşa həmin xəttin başına aparın.
3. 3 Boş bir xətt əlavə edin. İki dəfə vurun ↵ Daxil edinbir sətir daxil etmək istədiyiniz mətni aşağı hərəkət etdirin və sonra kursoru boş bir sətrin üzərinə qoyun.
4. 4 Saat> etiket əlavə edin. Daxil edin saat> sətrin əvvəlindəki boş yerə. Etiket saat> bütün səhifədə üfüqi bir xətt çəkməyə imkan verir.
5. 5 Kursoru "hr" etiketindən sonra basaraq yeni bir sətrə köçürün ↵ Daxil edin. İndi etiket saat> ayrı bir sətirdə olmalıdır.
6. 6 Üfüqi xəttə atributlar əlavə edin (isteğe bağlı). Uzunluq, qalınlıq, rəng və hizalama kimi xüsusiyyətlər əlavə edin. Onları "saat" dan dərhal sonra qıvrım mötərizədə bağlayın. Birdən çox atribut əlavə etmək üçün onları boşluqla ayırın.
   • Daxil edin saat ölçüsü = "#">xəttin qalınlığını dəyişdirmək üçün. "#" İşarəsini rəqəmsal qalınlıq dəyəri ilə əvəz edin (məsələn, ölçü = "10").
   • Daxil edin saat genişliyi = "#">xətt genişliyini dəyişdirmək üçün. "#" İşarəsini piksel sayı və ya səhifə genişliyinin bir faizi ilə əvəz edin (məsələn, width = "200" və ya width = "75%").
   • Daxil edin saat rəngi = "#">xətt rəngini dəyişdirmək üçün. "#" I rəngin adı və ya onaltılı kodu ilə əvəz edin (məsələn, color = "red" və ya color = "# FF0000").
   • Daxil edin hr align = "#">xətti hizalamaq üçün. "#" I "sağ" (sağ), "sol" (sol) və ya "mərkəz" (mərkəz) ilə əvəz edin (məsələn, hr width = "50%" align = "center">).
7. 7 HTML faylını qeyd edin. Mətn faylını HTML sənədi olaraq saxlamaq üçün fayl uzantısını (.txt, .docx) ".html" olaraq dəyişdirməlisiniz. HTML sənədinizi saxlamaq üçün aşağıdakı adımları yerinə yetirin:
   • Menyu açın Fayl.
   • Basın Kimi saxla.
   • Fayl Adı sahəsinə faylın adını daxil edin.
   • Əlavə et .html fayl adından sonra.
   • Basın Yadda saxla.
8. 8 HTML sənədinizi yoxlayın. HTML faylını yoxlamaq üçün üzərinə sağ vurun və Birlikdə Aç seçin. Sonra veb brauzerinizi seçin. "Hr" etiketini daxil etdiyiniz yerdə möhkəm bir xətt görünməlidir. HTML kodu belə görünəcək:

   ! DOCTYPE html> html> body> h1> Heading / h1> hr size = "6" width = "50%" align = "left" color = "green"> p1> Bu sətir başlıqdan bir xətt ilə ayrılmalıdır. . / P1> / body> / html>

Metod 2 /2: CSS / HTML5 -də işləmək

1. 1 Mövcud olanı açın və ya yeni bir HTML sənədi yaradın. HTML sənədləri Notepad kimi bir mətn redaktoru və ya Adobe Dreamweaver kimi xüsusi bir kod redaktoru ilə düzəldilə bilər. Seçdiyiniz proqramda bir HTML sənədini açmaq üçün aşağıdakı adımları yerinə yetirin:
   • Notepad və ya başqa bir mətn / kod redaktorunu açın.
   • Menyu açın Fayl.
   • Basın Aç.
   • HTML faylını seçin.
   • Basın Aç
2. 2 HTML sənədinizə bir başlıq əlavə edin. HTML sənədinizdə artıq bir başlıq yoxdursa, əlavə etmək üçün bu addımları izləyin. Başlıq html> etiketindən sonra gövdə> etiketindən əvvəl getməlidir.
   • Daxil edin baş> sənədin yuxarı hissəsində.
   • İki dəfə vurun ↵ Daxil ediniki yeni sətir əlavə edin.
   • Daxil edin / baş>başlığı bağlamaq üçün.
3. 3 Daxil edin stil növü = "text / css"> başlığın içərisində. HTML dizaynını dəyişdirmək üçün CSS -dən istifadə edə biləcəyiniz bir yer yaratmaq üçün stil etiketi iki başlıq etiketinin arasına yerləşdirilir.
   • Alternativ olaraq, xarici üslub cədvəlindən istifadə edə bilərsiniz. Məqaləni oxu "HTML -yə CSS faylını necə daxil etmək olar»Xarici bir CSS faylını HTML faylına necə bağlamağı öyrənmək.
4. 4 Daxil edin sa {. Bu, üfüqi xətti tərtib etmək üçün CSS etiketidir. Başlığınızdakı və ya xarici CSS faylınızdakı "stil" etiketindən sonra əlavə edin.
5. 5 Hr> etiketi üçün CSS üslubları əlavə edin. "Hr {" etiketindən sonra gəlməlidirlər. Üfüqi bir xətt müxtəlif yollarla tərtib edilə bilər. Aşağıda onlardan bir neçəsi var.
   • Daxil edin eni: ## px;xətt genişliyini tənzimləmək üçün. "##" işarəsini piksel genişliyi ilə əvəz edin. Piksel (px) əvəzinə bir faiz (%) istifadə edə bilərsiniz.
   • Daxil edin hündürlük: ## px;xətt çəkisini tənzimləmək üçün. "##" işarəsini piksel genişliyi ilə əvəz edin.
   • Daxil edin fon rəngi: ##;xətt rəngini təyin etmək. "##" ı rəng adı və ya hash (#) ilə əvəz edərək onaltılıq rəng kodu ilə əvəz edin.
   • Daxil edin margin-right: ## px;sağ kənarından piksel sayını təyin etmək. "##" işarəsini rəqəmsal piksel və ya "avtomatik" kodu ilə əvəz edin. Xətti sola və ya mərkəzə hizalamaq üçün "avtomatik" daxil edin.
   • Daxil edin margin-left: ## px;sol kənarından piksel sayını təyin etmək. "##" işarəsini rəqəmsal piksel və ya "avtomatik" kodu ilə əvəz edin. Xətti sağa və ya mərkəzə hizalamaq üçün "avtomatik" daxil edin.
   • Daxil edin margin-top: ## px; xəttin üst doldurulmasını təyin etmək. "##" işarəsini piksellərlə doldurmağa uyğun bir rəqəmlə əvəz edin.
   • Daxil edin margin-bottom: ## px;xəttin alt hissəsini təyin etmək. "##" işarəsini piksellərlə doldurmağa uyğun bir rəqəmlə əvəz edin.
   • Daxil edin sərhəd genişliyi: ## px;xəttin ətrafında bir qutu çəkmək (isteğe bağlı). "##" işarəsini sərhədlərin eninə uyğun olaraq piksellərlə əvəz edin.
   • Daxil edin haşiyə rəngi: ##;haşiyə rəngini təyin etmək üçün (isteğe bağlı). "##" ı bir rəng adı və ya hash (#) ilə əvəz edərək onaltılıq rəng kodu ilə əvəz edin.
6. 6 Daxil edin } hr> etiketi üçün üslubu tamamlamaq üçün stil atributlarından sonra.
7. 7 Daxil edin saat> üfüqi bir xətt əlavə etmək üçün HTML sənədinin hər hansı bir hissəsində. HTML sənədinizdə hr> etiketindən hər dəfə istifadə etdiyiniz zaman CSS stil ayarları tətbiq olunacaq. Kodunuz belə görünməlidir:

   ! DOCTYPE html> html> head> style type = "text / css"> hr {width: 50%; hündürlük: 20 piksel; fon rəngi: qırmızı; margin-sağ: avtomatik; sol kənar: avtomatik; margin-top: 5px; alt kənar: 5 piksel; sərhəd genişliyi: 2 piksel; haşiyə rəngi: yaşıl; } / style> / head> body> h1> Heading / h1> hr> p1> Bu sətir başlıqdan üfüqi bir xətt ilə ayrılmalıdır / p1> / body> / html>