Мундариҷа

• Қадамҳо
• Усули 1 аз 2: Кор дар HTML 4.01
• Усули 2 аз 2: Кор дар CSS / HTML5

Ин мақола ба шумо нишон медиҳад, ки чӣ гуна хати уфуқиро ба HTML илова кардан мумкин аст. Хати уфуқӣ метавонад барои ҷудо кардани мундариҷа дар сайт истифода шавад. Рамзи сохтани хат хеле содда аст. Аммо, дар HTML 4.01, тарҳи сатрро бо истифодаи фармонҳои дохилӣ тағир додан мумкин аст. Дар HTML5, шумо бояд CSS -ро барои ороиши сатр истифода баред.

Қадамҳо

Усули 1 аз 2: Кор дар HTML 4.01

1. 1 Ҳуҷҷати мавҷударо кушоед ё ҳуҷҷати нави HTML созед. Ҳуҷҷатҳои HTML -ро метавон бо муҳаррири матнӣ ба монанди Notepad ё муҳаррири махсуси код ба монанди Adobe Dreamweaver таҳрир кард. Барои кушодани ҳуҷҷати HTML дар барномаи интихобкардаи худ ин қадамҳоро иҷро кунед:
   • Notepad ё дигар муҳаррири матн / кодро кушоед.
   • Менюро кушоед Файл.
   • Пахш кунед Кушодан.
   • Файли HTML -ро интихоб кунед.
   • Пахш кунед Кушодан
2. 2 Маконеро интихоб кунед, ки шумо мехоҳед сатрро гузоред. Ба поён ҳаракат кунед то он даме ки сатреро, ки сатри боло бояд пайдо шавад, пайдо кунед ва курсорро мустақиман ба аввали ин сатр бо пахш кардани чапи чапи он сатр гузаронед.
3. 3 Хати холӣ илова кунед. Ду маротиба зарба занед ↵ Ворид кунедба поён ҳаракат кардани матн, ки пеш аз он сатр гузоштан мехоҳед ва сипас курсорро ба хати холӣ гузоред.
4. 4 Hr> tag илова кунед. Ворид кунед соат> ба фазои холӣ дар аввали сатр. Теги соат> ба шумо имкон медиҳад, ки дар тамоми саҳифа хати уфуқӣ кашед.
5. 5 Бо пахш кардани курсор пас аз барчаспи "hr" ба сатри нав кӯчонед ↵ Ворид кунед. Ҳоло тег соат> бояд дар хати алоҳида бошад.
6. 6 Ба хати уфуқӣ атрибутҳо илова кунед (ихтиёрӣ). Атрибутҳоро ба монанди дарозӣ, ғафсӣ, ранг ва ҳамоҳангӣ илова кунед. Онҳоро фавран пас аз "соат" ба қавсҳои ҷингила печонед. Барои илова кардани хосиятҳои сершумор, онҳоро бо фосила ҷудо кунед.
   • Ворид кунед hr size = "#">ки гафсии хатро тагьир дихад. "#" -Ро бо арзиши ғафсии рақамӣ иваз кунед (масалан, size = "10").
   • Ворид кунед hr width = "#">васеъ кардани сатр. "#" -Ро бо шумораи пикселҳо ё фоизи паҳнои саҳифа иваз кунед (масалан, width = "200" ё width = "75%").
   • Ворид кунед hr color = "#">барои тағир додани ранги сатр. "#" -Ро бо номи ранг ё рамзи шонздаҳии он иваз кунед (масалан, color = "red" ё color = "# FF0000").
   • Ворид кунед hr align = "#">барои мувофиқ кардани хат. "#" -Ро бо "рост" (рост), "чап" (чап) ё "марказ" (марказ) иваз кунед (масалан, hr width = "50%" align = "center">).
7. 7 Файли HTML -ро захира кунед. Барои захира кардани файли матнӣ ҳамчун ҳуҷҷати HTML, шумо бояд васеъшавии файлро (.txt, .docx) ба ".html" иваз кунед. Барои захира кардани ҳуҷҷати HTML -и худ ин қадамҳоро иҷро кунед:
   • Менюро кушоед Файл.
   • Пахш кунед Ҳамчун захира кунед.
   • Дар майдони Номи Файл номи файлро ворид кунед.
   • Илова кардан .html пас аз номи файл.
   • Пахш кунед Захира кунед.
8. 8 Ҳуҷҷати HTML -и худро тафтиш кунед. Барои санҷидани файли HTML, онро бо тугмаи рост клик кунед ва Кушодан бо ро интихоб кунед. Пас браузери вебии худро интихоб кунед. Дар он ҷое ки шумо теги "hr" -ро ворид кардед, хати сахт бояд пайдо шавад. Рамзи HTML чунин хоҳад буд:

   ! DOCTYPE html> html> body> h1> Сарлавҳа / h1> hr size = "6" width = "50%" align = "left" color = "green"> p1> Ин сатр бояд аз сарлавҳа бо сатр ҷудо карда шавад . / P1> / бадан> / html>

Усули 2 аз 2: Кор дар CSS / HTML5

1. 1 Ҳуҷҷати мавҷударо кушоед ё ҳуҷҷати нави HTML созед. Ҳуҷҷатҳои HTML -ро метавон бо муҳаррири матнӣ ба монанди Notepad ё муҳаррири махсуси код ба монанди Adobe Dreamweaver таҳрир кард. Барои кушодани ҳуҷҷати HTML дар барномаи интихобкардаи худ ин қадамҳоро иҷро кунед:
   • Notepad ё дигар муҳаррири матн / кодро кушоед.
   • Менюро кушоед Файл.
   • Пахш кунед Кушодан.
   • Файли HTML -ро интихоб кунед.
   • Пахш кунед Кушодан
2. 2 Ба ҳуҷҷати HTML -и худ сарлавҳа илова кунед. Агар ҳуҷҷати HTML -и шумо аллакай сарлавҳа надошта бошад, барои илова кардани он ин қадамҳоро иҷро кунед. Сарлавҳа бояд пас аз html> tag ва пеш аз body> tag гузарад.
   • Ворид кунед сар> дар болои ҳуҷҷат.
   • Ду маротиба зарба занед ↵ Ворид кунедбарои илова кардани ду сатри нав.
   • Ворид кунед / сари>барои бастани унвон.
3. 3 Ворид кунед навъи услуб = "text / css"> дар дохили сарлавҳа. Теги услуб дар байни ду барчаспҳои сарлавҳа ҷойгир карда шудааст, то ҷойе эҷод кунед, ки шумо метавонед CSS -ро барои тағир додани тарҳи HTML истифода баред.
   • Интихобан, шумо метавонед варақаи услуби беруниро истифода баред. Мақоларо хонед "Чӣ тавр файли CSS -ро ба HTML ворид кардан мумкин аст»Омӯзед, ки чӣ гуна пайванди файли CSS -и беруна ба файли HTML -ро омӯзед.
4. 4 Ворид кунед соати {. Ин теги CSS барои ороиши хати уфуқӣ мебошад. Онро пас аз барчаспи "услуб" дар сарлавҳаи худ ё файли берунии CSS илова кунед.
5. 5 Барои hr> tag услубҳои CSS илова кунед. Онҳо бояд пас аз барчаспи "hr {" биёянд. Хати уфуқӣ метавонад бо тарзҳои гуногун ороиш дода шавад. Дар зер чанде аз онҳо оварда шудаанд.
   • Ворид кунед паҳнои: ## px;барои танзими паҳнои хат. "##" -ро бо паҳнои хати пиксел иваз кунед. Ба ҷои пиксел (px), шумо метавонед фоизро (%) истифода баред.
   • Ворид кунед баландӣ: ## px;барои танзими вазни хат. "##" -ро бо паҳнои хати пиксел иваз кунед.
   • Ворид кунед ранги замина: ##;барои муайян кардани ранги сатр. "##" -ро бо номи ранг ё хэш (#) пас аз рамзи шонздаҳии ранг иваз кунед.
   • Ворид кунед маржа-рост: ## px;барои муайян кардани шумораи пикселҳо аз канори рост. "##" -ро бо рақами рақамии пиксел ё рамзи "худкор" иваз кунед. "Авто" -ро ворид кунед, то сатрро ба чап ё марказ ҳамоҳанг созед.
   • Ворид кунед маржа-чап: ## px;барои муайян кардани шумораи пикселҳо аз канори чап. "##" -ро бо рақами рақамии пиксел ё рамзи "худкор" иваз кунед. Барои мувофиқ кардани сатр ба рост ё марказ "Авто" -ро ворид кунед.
   • Ворид кунед маржа-боло: ## px; барои пур кардани сатри боло. "##" -ро бо рақами мувофиқ ба пуркунии пиксел иваз кунед.
   • Ворид кунед маржа-поёни: ## px;барои пур кардани сатри поён. "##" -ро бо рақами мувофиқ ба пуркунии пиксел иваз кунед.
   • Ворид кунед паҳнои сарҳад: ## px;дар гирди хат қуттӣ кашед (ихтиёрӣ). "##" -ро бо рақами мувофиқ ба паҳнои сарҳад бо пиксел иваз кунед.
   • Ворид кунед ранги сарҳад: ##;барои муайян кардани ранги сарҳад (ихтиёрӣ). "##" -ро бо номи ранг ё хэш (#) пас аз рамзи шонздаҳии ранг иваз кунед.
6. 6 Ворид кунед } пас аз атрибутҳои услуб барои ороиши hr> tag.
7. 7 Ворид кунед соат> дар ягон ҷои бадани ҳуҷҷати HTML барои илова кардани хати уфуқӣ. Танзимоти услуби CSS ҳар дафъае, ки шумо дар ҳуҷҷати HTML -и худ hr> tag истифода мебаред, татбиқ карда мешаванд. Рамзи шумо бояд чунин бошад:

   ! DOCTYPE html> html> head> style type = "text / css"> hr {width: 50%; баландӣ: 20 пиксел; ранги пасзамина: сурх; канори рост: худкор; маржа-чап: худкор; маржа-боло: 5 пиксел; канори поён: 5 пиксел; паҳнои сарҳад: 2 пиксел; ранги сарҳад: сабз; } / style> / head> body> h1> Heading / h1> hr> p1> Ин сатр бояд аз сарлавҳа бо хати уфуқӣ ҷудо карда шавад / p1> / body> / html>