Мундариҷа

• Қадамҳо
• Қисми 1: Чӣ гуна HTMLро кашф кардам
• Маслиҳат
• Огоҳӣ
• Чӣ ба шумо лозим аст

HTML (HyperText Markup Language) забони асосӣ барои сохтани веб-саҳифаҳо мебошад. Он ҳамчун забони рамзгузории осон ва чандир сохта шудааст. Қариб ҳар як вебсайти Интернет бо ягон шакли ин рамз таҳия карда мешавад (ColdFusion, XML, XSLT). Дарк кардани HTML осон аст, аммо шумо метавонед дар бораи он муддати дароз омӯзед, агар шумо ба фаъолияти ҳамаҷонибаи он манфиатдор бошед. Барои илова кардани ранг ва масхара ба вебсайти худ, шумо метавонед зудтар ба саҳифаи асосии HTML одат карда, CSS-и асосиро омӯзед.

Қадамҳо

Қисми 1 аз 4: Сохтани ҳуҷҷат

1. 

   Муҳаррири матни оддиро кушоед. NotePad варианти хубест ва онро ройгон зеркашӣ кардан мумкин аст. Шумо метавонед HTML-ро бо аксари муҳаррирони матнӣ нависед, аммо нармафзори мураккабтар бо қобилияти форматкунии автоматӣ метавонад ташкили сафҳаи HTML-и шуморо мушкил созад.
   • TextEdit -ро истифода набаред, зеро он одатан файлро дар формате сабт мекунад, ки браузери шумо ҳамчун HTML эътироф намекунад.
   • Шумо инчунин метавонед муҳаррири HTML-и онлайнро истифода баред. Барномаҳои махсуси таҳрири HTML барои шурӯъкунандагон тавсия дода намешавад.

2. 

   
   
   Файлро ҳамчун сафҳаи веб сабт кунед. Дар менюи дар боло буда File → Save As ро интихоб кунед. Формати файлро ба "Веб-саҳифа", ".html" ё ".htm" тағир диҳед. Файлро дар он ҷое, ки шумо метавонед пайдо кунед, сабт кунед.
   • Байни ин се вариант фарқе нест.

3. 

   Файлро дар браузер кушоед. Файлро ду маротиба клик кунед ва он ба таври худкор ҳамчун браузери холи дар браузери шумо боз мешавад. Ғайр аз ин, шумо метавонед браузерро кушоед, ба монанди Firefox ё Internet Explorer ва пас барои интихоби ҳуҷҷат Файл → Кушодани Файлро истифода баред.
   • Ин вебсайт онлайн нест. Онро танҳо дар компютери шумо дидан мумкин аст.

4. 

   
   
   Веб саҳифаро навсозӣ кунед ва тағиротҳоро бинед. Ба ҳуҷҷати холии худ инҳоро нависед: Салом. Ҳуҷҷатро захира кунед. Дар браузери худ веб саҳифаи холиро тару тоза кунед ва шумо бояд калимаи "Салом" -ро бо ҳарфҳои ғафс дар болои саҳифа пайдо кунед. Ҳар вақте, ки шумо мехоҳед HTML-и нави худро дар давоми ин дастур санҷед, ҳуҷҷати .htm-ро сабт кунед ва пас равзанаи браузери худро навсозӣ кунед, то бубинед, ки чӣ гуна HTML тартиб дода шудааст.
   • Агар шумо калимаҳои ""ва"'' Дар браузери шумо пайдо мешавад, файл дар HTML дуруст тартиб дода нашудааст. Муҳаррири матни дигар ё браузери дигарро санҷед.

5. 

   
   
   Барчаспҳоро омӯзед. Фармонҳои HTML дар "барчаспҳо" навишта шудаанд, ки ба браузер тарзи тартиб додан ва нишон додани веб саҳифаи худро мефаҳмонанд. Онҳо ҳамеша дар дохили иқтибосҳои ягона навишта мешаванд , ва дар саҳифаи веб тавре нишон дода намешаванд, ки шумо онҳоро дар мисоли боло истифода бурдед:
   • "корти оғоз" ё "корти кушод" мебошад. Ҳар чизе, ки пас аз ин тег навишта шудааст, ҳамчун "ғафс" (ғафс дар саҳифаи веб) муайян карда мешавад.
   • ин "теги хотима" ё "теги пӯшида" мебошад, ки шумо онро бо аломат / аломат фарқ карда метавонед. Он охири матни ғафсро нишон медиҳад. Аксари (на ҳама) барчаспҳо барои кор кардан барчаспи хотимаро талаб мекунанд, бинобар ин ҳатман онро дохил кунед.

6. 

   Ҳуҷҷати худро созед. Ҳама чизи ҳуҷҷати HTML-ро нест кунед. Матни зеринро аз нав оғоз кунед, ҳамон тавре ки навишта шудааст (нуқтаҳои тирро хориҷ кунед). Ин коди HTML ба браузер мегӯяд, ки шумо кадом намуди HTML-ро истифода мебаред ва ҳамаи HTML-ҳои шумо дар дохили тегҳо ҷойгир карда мешаванд. ва .

7. 

   Сар (сар) ва барчаспҳои баданро илова кунед. Ҳуҷҷатҳои HTML ба ду қисм тақсим карда мешаванд. Бахши "боло" барои иттилооти махсус, ба монанди унвони саҳифа аст. Қисми "бадан" мазмуни асосии саҳифаро дар бар мегирад. Ҳардуи ин бобҳоро ба ҳуҷҷати худ илова кунед ва фаромӯш накунед, ки барчаспҳои хотимаро дохил кунед. Матни нав иловашуда ғафс аст:

8. 

   Ба саҳифаи худ унвон диҳед. Аксарияти кортҳо дар қисмати сар барои омӯхтан бо навомӯз муҳим нестанд. Бо вуҷуди ин, истифодаи теги унвон осон аст ва муайян мекунад, ки чӣ гуна номи тирезаи браузер ё дар ҷадвали браузер нишон дода мешавад. Барчаспҳои сар ва охири унвонатонро дар дохили барчаспҳо ҷойгир кунед ва дар байни он барчаспҳо сарлавҳаҳои ба шумо писандро нависед:
   таблиғ

Қисми 2 аз 4: Форматкунии матн

1. 

   Ба бадан матн илова кунед. Барои ин бахш, мо танҳо бо барчаспҳои бадан кор хоҳем кард. Матни дигар ҳанӯз ҳам дар ҳуҷҷати шумо хоҳад буд, аммо мо ҷойро сарфа мекунем, то онро дар ин дастур такрор накунем. Дар байни кортҳо ҳар чизе, ки мехоҳед нависед ва , ва он ҳамчун мундариҷаи аввал дар саҳифаи шумо пайдо мешавад. Барои намуна:
   • Ман дастурҳои wikiHow -ро барои навиштани сафҳаи HTML риоя кардам.

2. 

   Барои матн сарлавҳаҳо илова кунед. Саҳифаи худро бо барчаспҳои сарлавҳа ташкил кунед, ки ба браузер супориш медиҳад, ки матнро дар байни онҳо ба андозаи калонтар нишон диҳад. Ин барчаспҳоро инчунин системаҳои ҷустуҷӯӣ ва дигар абзорҳо барои муайян кардани он, ки вебсайти шумо дар бораи чӣ гуна аст ва чӣ гуна ташкил карда шудааст, истифода мебаранд.
   сарлавҳаи калонтарин аст ва шумо метавонед сарлавҳаҳои хурдтарро то эҷод кунед
   . Онҳоро дар саҳифаи худ санҷед:
   • Хуш омадед ба сафҳаи ман.

   • Ман дастурҳои wikiHow -ро барои навиштани сафҳаи HTML риоя кардам.

   • Мақсади ман имрӯз:

   • Ҳадафҳои анҷомшуда:

   • Тарзи истифодаи сарлавҳаҳоро омӯзед.

   • Ҳадафҳои нотамом:

   • Барчаспҳои форматкунии матнро бештар омӯзед.

3. 

   Барчаспҳои форматкунии матнро бештар омӯзед. Шумо аллакай теги "қавӣ" -ро дидаед, аммо роҳҳои зиёди форматкунии матни шумо фаровонанд. Ин барчаспҳоро ё якбора бо якчанд тегҳо барои ҳамон як сатри матн истифода баред. Фаромӯш накунед, ки дар қафо барчаспҳои хотима илова кунед!
   • Матни муҳим, бо ҳуруфи дар браузер нишон додашуда.
   • Матни қайдшуда, ки бо курсив дар браузер нишон дода шудааст.
   • Матн нисбат ба муқаррарӣ каме хурдтар. Ин матн, агар дар сарлавҳа истифода шавад, ба таври худкор тағиротро тағир медиҳад.
   • Матн дигар аҳамият надорад, бо сатри бадан нишон дода мешавад.
   • Матн нисбат ба дигар ҳуҷҷатҳо дертар ворид карда мешавад, ки бо хатҳои зер нишон дода мешаванд.

4. 

   Матнро дар саҳифаи худ созмон диҳед. Шояд шумо пай бурдед, ки пахш кардани тугмаи "дохил" барои дар сатри дигар пайдо шудани матн кифоя нест. Ин барчаспҳо метавонанд ба шумо параграфҳо ва танаффусҳо созанд ё матнатонро бо тарзҳои дигар ба тартиб дароранд:

   • Тугмаи кӯтоҳи "параграф" (сархат) тамоми матнро дар байни ин барчаспҳо дар сархат нигоҳ медорад ва онро аз матни боло ва дар зери он ҷудо мекунад.

   • 
     Ин барчасп қаторҳоро тавлид мекунад. Ба он теги хотима илова накунед, зеро ин ба ягон мундариҷаи дигар халал намерасонад. Ин барчаспро дар ашъор ё сатрҳои суроға истифода баред, на сархатҳо.

   • Агар ба шумо матнро хеле дақиқ нишон додан лозим ояд, ин барчасп матнро дар дохили он ба ҳарфҳои паҳнои муқарраршуда таъин мекунад (ҳар як ҳарф паҳнои якхела дорад) ва ба шумо имкон медиҳад, ки фосилаҳо созед Бланкаҳо ва танаффусҳо, вақте ки ба ҷои тегҳо таҳрири мунтазам мехоҳед.

   • Ин барчасп матнеро, ки аз манбаъ иқтибос оварда мешавад, муайян мекунад.

     Шумо метавонед манбаъро баъдтар бо тавсиф кунед корти истинод.

5. 

   Матни сарлавҳаи ноаёнро илова кунед. Тегҳои шарҳҳо дар веб саҳифа намоиш дода намешаванд. Онҳо ба шумо имкон медиҳанд, ки худро ба ҳуҷҷати HTML эзоҳ диҳед ва ба мундариҷа таъсир нарасонед. Теги хотима илова накунед.
   • Кортҳое, ки бидуни барчаспҳои хотима танҳо мемонанд, "тегҳои холӣ" номида мешаванд.

6. 

   Онҳоро якҷоя кунед. Усули беҳтарини дар хотир нигоҳ доштани ин барчаспҳо истифодаи онҳо дар вебсайти шумо мебошад. Ин як мисолест бо истифода аз кортҳо дар қадамҳое, ки шумо то ҳол омӯхтед. Кӯшиш кунед, ки чӣ гуна онҳо дар браузер пайдо мешаванд, пешгӯӣ кунед, пас онҳоро ба ҳуҷҷати худ нусхабардорӣ кунед ва фаҳмед.
   • Хуш омадед ба вебсайти ман.

   • Умедворам, ки ин сафҳа ба шумо писанд аст!

     Ман инро танҳо барои шумо сохтаам.

   • Қисми 1: Чӣ гуна HTMLро кашф кардам

   • Ман HTML-ро аллакай дар он омӯхтам як дусоат, пас ҳоло ман мутахассис ҳастам.
   таблиғ

Қисми 3 аз 4: Илова кардани истинодҳо ва тасвирҳо

1. 

   Дар бораи атрибутҳо маълумот гиред. Тэгҳо метавонанд маълумоти иловагӣ дошта бошанд, ки дар дохили онҳо атрибутҳо номида шаванд. Ин сифатҳоро калимаҳои иловагӣ дар дохили худи барчаспҳо, дар шакл пешниҳод мекунанд номи амвол = "арзиши мушаххас". Масалан, ҳама гуна теги HTML метавонад хусусияти унвон дошта бошад:

   • Сархати муқаддима инҷост.

     Сархати "Муқаддима" -ро сарлавҳа кунед, ки вақте шумо дар болои сархат дар сафҳаи интернет ҷой гиред, пайдо мешавад.

2. 

   Истинодҳо ба дигар вебсайтҳо. Истифодаи кортҳо барои эҷод кардани гиперфера ба ягон вебсайти дигар. URL-и веб-саҳифаро барои пайванд ба атрибути href гузоред. Ин як мисолест, ки ба веб саҳифаи хондаи шумо пайванд медиҳад:
   • Меҳмонони шумо ба вебсайти шумо метавонанд ин матнро клик карда пайвандро пайгирӣ кунанд.

3. 

   Ба теги атрибути id илова кунед. Хусусияти дигаре, ки ҳар як теги HTML метавонад истифода кунад, унсури "id" мебошад. Дар ҳама гуна кортҳо нависед id = "vidu" ё ягон номеро, ки ҷой надорад, истифода баред. Он ягон таъсири намоён ба бор намеорад, аммо мо онро дар қадами оянда истифода хоҳем кард.
   • Масалан, ба ҳуҷҷати худ инҳоро илова кунед:

     Ин параграф ҳамчун намуна барои тавсифи чӣ гуна кор кардани атрибути id истифода шудааст.

4. 

   Истинод ба унсури дорои ID муайян. Ҳоло мо метавонем теги гипертонияро истифода барем, , барои пайвастан ба макони дигар дар ҳамон саҳифа. Ба ҷои URL, мо # рамзро истифода мебарем ва пас арзиши ID-ро, ки мехоҳем ба он пайвандем. Барои намуна, Ин матн ба матн бо id "vidu" пайванд хоҳад кард.
   • Ҳама арзишҳои HTML ба ҳарфҳо ҳассос мебошанд. "#VIDU" ва "#vidu" ҳам ба як макон пайваст мешаванд.
   • Агар саҳифаи шумо барои якбора намоиш додани тамоми саҳифа кӯтоҳ бошад, шумо ҳангоми пахш кардани истинод дар браузери шумо эҳтимолан чизе рӯй намедиҳед. Тирезаро то пайдо шудани сатри гардиш андозаи худро тағир диҳед ва дубора кӯшиш кунед.

5. 

   Суратҳо илова кунед. Корт теги холӣ аст, яъне ягон теги хотимавӣ лозим нест. Ҳамаи маълумотҳое, ки браузер барои намоиши тасвир ниёз дорад, бо истифода аз атрибутҳо илова карда мешаванд. Ин намунаест барои нишон додани тамғаи wikiHow бо тавсифи ҳар як хусусият дар пас:
   • 
   • Хусусиятҳо src = "" ба браузер дар куҷо будани аксро мегӯяд. (Дар хотир доред, ки фиристодани акс аз сайти ягон каси дигар номуносиб ҳисобида мешавад - ва вақте ки саҳифа дигар фаъол нест, акс нопадид хоҳад шуд.)
   • Хусусиятҳо услуб = "" Он метавонад бисёр корҳоро иҷро кунад, аммо аз ҳама муҳимаш он барои паҳн ва баландии тасвир дар пикселҳо истифода мешавад. (Шумо инчунин метавонед ба ҷои сифатҳои алоҳидаи width = "" and height = "" истифода баред, аммо ин метавонад боиси тағирёбии андозаи аҷибе гардад, агар шумо CSS-ро истифода баред.)
   • Хусусиятҳо alt = "" ин тавсифи мухтасари тасвирест, ки корбар мебинад, ки оё тасвир бор карда нашудааст. Ин талабот ҳисобида мешавад, зеро он барои хонандагони экран барои меҳмонони вебсайти нобино истифода мешавад.
   таблиғ

Қисми 4 аз 4: Маълумоти иловагӣ ва дарёфти вебсайти худро дар Интернет

1. 

   HTML-и худро тасдиқ кунед. Тасдиқи HTML хатогиҳои коди шуморо месанҷад. Агар сайти шумо дуруст нишон дода нашавад, тасдиқ метавонад ба шумо дар ёфтани хатогие, ки боиси мушкилот мегардад, кӯмак расонад. Он инчунин метавонад ба шумо дар бораи HTML бо роҳи муайян кардани он, ки рамз дар намоиш хуб ба назар мерасад, таълим диҳад, аммо он аз сабаби навсозиҳои стандарти HTML дигар тавсия дода намешавад. Истифодаи HTML-и беэътибор сайти шуморо бефоида намесозад, аммо метавонад боиси мушкилот гардад ва ё дар браузерҳои гуногун ноустувор нишон дода шавад.
   • Хидмати ройгони тасдиқи онлайнро аз W3C санҷед ё воситаи дигари тасдиқи HTML 5-ро онлайн ҷустуҷӯ кунед.

2. 

   Барчаспҳо ва хусусиятҳои бештарро омӯзед. Бисёр дигар барчаспҳо ва атрибутҳои HTML мавҷуданд ва ҷойҳои зиёде барои омӯхтани онҳо мавҷуданд:
   • Барои дарсӣ бештар ва рӯйхати пурраи тегҳо w3schools ва HTML Dog -ро санҷед.
   • Вебсайтеро ёбед, ки намуди зоҳириатон ба шумо писанд ояд, пас вазифаи "Намоиши саҳифаи манбаъ" -и браузери худро барои гирифтани рамзи HTML истифода баред. Онро ба ҳуҷҷати худ нусхабардорӣ кунед ва омӯзед, ки чӣ гуна кор мекунад.
   • Мақолаҳои дигарро хонед ва дар бораи тарзи сохтани ҷадвалҳо дар HTML маълумот гиред, мета тэгҳоро истифода баред, то имконияти пайдо кардани онро тавассути системаҳои ҷустуҷӯӣ ё тақсимро истифода баред. майдонро дар саҳифа ҷойгир кунед) ва дарозиро (барои муайян кардани услуби унсури матн истифода мешавад) барои кумак ба услуб тавассути CSS.

3. 

   Вебсайти худро онлайн гиред. Хидматеро барои ҷойгиркунии вебсайти худ интихоб кунед ва пас шумо метавонед ҳар қадар саҳифаи HTML-ро ба домени шахсии худ бор кунед. Барои ин, ба шумо лозим меояд, ки нармафзори боркунии FTP -ро истифода баред, аммо бисёре аз хидматҳои иҷораи веб низ ин хидматро пешниҳод мекунанд.
   • Ҳангоми пайванд ба саҳифаҳо ё тасвирҳое, ки бевосита дар сайти шумо ҳастанд, ба шумо лозим меояд, ки суроғаи пурраро истифода баред. Масалан, агар номи домени шумо www.chuyengiahtmlsieudang.com бошад, пас матн дар ин барчаспҳо ҷойгир аст ба "www.chuyengiahtmlsieudang.com/nhatky/thuhai.html" пайванд хоҳад кард

4. 

   Илова сабкҳо бо CSS. Агар сафҳаи HTML-и шумо каме якранг ба назар расад, кӯшиш кунед, ки асосҳои CSS-ро барои илова кардани рангҳо, ҳуруфҳои гуногун ва назорати беҳтар аз болои ҷойгоҳҳо ҷойгир кунед. Истиноди CSS "ҷадвали сабт" ба сафҳаи HTML ба шумо имкон медиҳад, ки фавран тағироти ҷиддӣ диҳед ва услуби ҳамаи матнҳоро дар доираи барчаспи динамикӣ ислоҳ кунед. Шумо метавонед дар ин ҷо каме бо қабати форматкунии асосӣ каме бозӣ кунед ё ба дарсҳои муфассалтар дар HTML Dog's CSS Tutorial мубтало шавед.

5. 

   Ба вебсайти худ JavaScript илова кунед. JavaScript забони барномасозист, ки барои илова кардани функсияҳои зиёде ба сафҳаҳои HTML истифода мешавад. Фармонҳои JavaScript дар байни тегҳои оғоз ва хотима гузошта мешаванд , ва метавонад барои илова кардани тугмаҳои интерактивӣ, ҳисоб кардани масъалаҳои математикӣ ва ғайра истифода шавад. Дар мисолҳои w3c маълумоти бештар гиред. таблиғ

Маслиҳат

• Эъломияи навъи сабт (Эъломияи навъи ҳуҷҷат истифода шудааст), ки дар ин дастур истифода шудааст, "фуҷур HTML 4.0.1 гузариш" (HTML 4.0.1 гузариши қатъӣ нест), формати осон аст. барои навкорон истифода баранд. Истифода бурдан () алтернатива барои тартиб додани браузер онро дар формати қатъии HTML 5, ки услуби стандартии тавсияшуда (ҳарчанд камтар истифодашаванда) мебошад.

Огоҳӣ

• Ҳадафи HTML нигоҳ доштани мундариҷа дар формати глобалӣ мебошад. Он аз муаррифии вебсайти шумо, ба монанди ранги замина ва ҷойгиркунии дақиқи унсурҳо, назорат намекунад. Дар ҳоле ки ҳанӯз ҳам барчаспҳо ҳастанд, ки ба шумо ин корро мекунанд, хуб аст, ки CSS-ро барои эҷоди як вебсайти идорашаванда ва муттасил истифода баред.

Чӣ ба шумо лозим аст

• Муҳаррири матни оддӣ, ба монанди NotePad ё TextEdit
• Браузери веб, ба монанди Internet Explorer ё Mozilla Firefox
• (Ихтиёрӣ) Муҳаррири HTML, ба монанди Adobe Dreamweaver, Aptana Studio ё Microsoft Expression Web