HTML գրելու ներածություն

Բովանդակություն

• Ի՞նչ է HTML- ը:
• Տեքստի խմբագիրներ
• Գրառման գրքույկ և TextEdit
• Փակագծեր
• Ատոմ
• Տեքստի խմբագրի համեմատություն
• Ստեղծեք HTML ֆայլ
• Դիտեք ձեր ֆայլը զննարկիչում
• Բացատրելով օրենսգիրքը
• Շնորհակալություն ընթերցելու համար
• Օգնեք ինձ ավելի լավ պատկերացում կազմել այն մասին, թե որտեղ են իմ ընթերցողները HTML- ով

Բրեթը HTML է գրում ավելի քան 10 տարի, նա տիրապետում է նաև CSS, JavaScript և React ծրագրերին: Ներկայումս Բրեթն աշխատում է TCN- ում

Ի՞նչ է HTML- ը:

HTML- ը հիպերտեքստի նշման լեզու է: HTML- ը ավանդական իմաստով լեզու չէ, այլ այն իմաստով, որ այն գործիք է, որը կազմված է հիմնաբառերից և հրամաններից, որոնք ծրագրավորողներն օգտագործում են համակարգիչների հետ հաղորդակցվելու համար: HTML- ն օգտագործվում է վեբ դիզայներների կողմից Facebook, Twitter և HubPages նման կայքեր ստեղծելու համար: Այս օրինակները օգտագործում են նաև տարբեր այլ գործիքներ, բայց ինչ-որ մեկի համար, ով նախ սովորում է կայքերի ձևավորման մասին, HTML- ն առաջին գործիքն է, որը նրանք պետք է սովորեն, թե ինչպես օգտագործել:

Տեքստի խմբագիրներ

HTML գրելու համար ձեզ հարկավոր է տեքստի խմբագիր: Տեքստի խմբագիրը տարբերվում է Word- ի նման ծրագրերից, որոնք նախատեսված են գրքեր կամ էսսեներ գրելու համար: Word- ի նման ծրագրերն ունեն օգտակար գործիքներ, ինչպիսիք են պարբերության ձևավորումը և ավտոմատ շապիկները, բայց այդ գործիքները օգտակար չեն HTML գրելու համար: իրականում դրանք կարող են շատ դժվարացնել դա անել: Երբեք մի օգտագործեք Word ՝ HTML գրելու համար: Մյուս կողմից, տեքստի խմբագիրները հաճախ ունեն գործիքներ, որոնք նախատեսված են հատուկ ծրագրավորման համար: Այնտեղ շատ տեքստային խմբագիրներ կան, բայց ես կկենտրոնանամ այն ​​երեքի վրա, որոնք ես առավելագույնս օգտագործել եմ:

Գրառման գրքույկ և TextEdit

Գրառման գրքույկը, կամ TextEdit- ը, եթե Mac եք օգտագործում, հավանաբար ամենահիմնականն է, որը ստանում է տեքստի խմբագիրը, և այս ծրագրերից որևէ մեկի միջոցով շատ հեշտ է ստեղծել և խմբագրել HTML ֆայլ: Բացասականն այն է, որ ոչ Գրառման գրքույկը, ոչ էլ TextEdit- ը HTML գործիք գրող որևէ օգտակար գործիք չեն առաջարկում, բայց եթե պարզապես ուզում եք արագ և պարզ բան գրել, ապա դրանցից որևէ մեկը բավարար կլինի գործն ավարտին հասցնելու համար:

Փակագծեր

Փակագծերը լավ ընտրություն են սկսնակների համար: Միայն թե մի փոքր ավելի դժվար է սովորել, թե ինչպես օգտագործել, քան Notepad / TextEdit- ը, և այն ունի նաև առավելություն, որ մտքում պատրաստվել է HTML և CSS: Փակագծերը ներառում են բազմաթիվ գործիքներ, որոնք օգտակար են HTML գրելիս, ինչպիսիք են ինքնալրացման առաջարկները, ընթացիկ գծի լուսարձակիչը, ուղիղ նախադիտումը և փակագծի լուսարձակիչը: Եթե ​​վստահ չեք, թե որոնք են այս գործիքները կամ ինչ են անում, դա նորմալ է, պարզապես իմացեք, որ դրանք ապագայում շատ օգտակար կլինեն ձեզ համար, եթե որոշեք շարունակել օգտագործել HTML- ը: Յուրաքանչյուրի համար, ով աշխատում է պարզ HTML և CSS- ի վրա, սա այն խմբագիրն է, որը ես խորհուրդ կտայի:

Ատոմ

Atom- ը շատ ընտրովի տեքստի խմբագիր է: այն ունի շատ օգտակար գործիքներ և այն կարող է օգտագործվել HTML- ից բացի, շատ ծրագրավորման լեզուների համար: Unfortunatelyավոք, դրա հսկայական կարգավորելի բնույթը կարող է ճնշող լինել, եթե դուք սկսնակ եք ծրագրավորման մեջ: Ես ինքս օգտագործել եմ Atom- ը շատ նախագծերի համար, և դա ինձ շատ դուր է գալիս որպես խմբագիր, բայց եթե դուք նոր եք ծրագրավորման մեջ կամ պարզապես անում եք հիմնական HTML և CSS, ապա ես խորհուրդ կտամ մյուս երկու խմբագիրներից մեկին: Ասվածն այն է, որ ես դեռ կխրախուսեմ ձեզ փորձել Atom- ին այն բանից հետո, երբ դուք ավելի շատ ծանոթանաք ծրագրավորմանը կամ մտադիր եք ավելի առաջադեմ նախագիծ կատարել:

Տեքստի խմբագրի համեմատություն

Ստեղծեք HTML ֆայլ

Երբ խմբագիր եք ընտրել, բացեք այն և ստեղծեք նոր ֆայլ և պահեք այն որպես index.html (բոլորը փոքրատառ): «.Html» - ը ինտերնետային զննարկիչներին ասում է, որ այս ֆայլը պարունակում է HTML, իսկ «ինդեքս» անունը զննարկիչներին ասում է, որ դա կլինի ձեր կայքերի լռելյայն գլխավոր էջը: Դուք այժմ կարող եք իրականում բացել այս ֆայլը ձեր վեբ զննարկիչում և դիտել այն, բայց դա պարզապես դատարկ էջ է, ուստի եկեք դրան ինչ-որ տեքստ ավելացնենք: Գնացեք և ստորև բերված տեքստը պատճենեք և տեղադրեք ձեր index.html ֆայլում:

! DOCTYPE html> html lang = "hy"> գլուխ> / գլուխ> մարմին> Ողջույն աշխարհ !! Բարի գալուստ ԻՄ ԿԱՅՔ !! / մարմին> / html>

Դիտեք ձեր ֆայլը զննարկիչում

Ես կբացատրեմ, թե ինչ է նշանակում յուրաքանչյուր տող, բայց նախ տեսնենք, թե ինչպիսին է ձեր կայքը: Գնացեք և կրկին պահեք ձեր ֆայլը: Ձեր ֆայլը զննարկչում բացելու համար աջ սեղմեք ֆայլի վրա և ընտրեք «բացել հետ», ապա ընտրեք զննարկիչը (տես ստորև նկարը):

Բացատրելով օրենսգիրքը

Հիմա ես շատ լավ ուսուցիչ չէի լինի, եթե չբացատրեի մեր օգտագործած ծածկագիրը, այնպես որ եկեք գնանք առաջ և նետվենք հենց դրա մեջ: Կրկին բացեք ձեր ֆայլը, և մենք տող առ տող կփոխանցենք ծածկագիրը: Եթե ​​ձեր ֆայլը բրաուզերում բացվում է, երբ փորձում եք սեղմել այն, աջով կտտացրեք ֆայլին և նորից ընտրեք «բացել» -ը, բայց այս անգամ զննարկչի փոխարեն ընտրեք ձեր խմբագրիչը:

Այս առաջին տողը պարզապես զննարկիչին ասում է, թե ինչ ծրագրավորման լեզվով է ֆայլը:

! DOCTYPE html>

Այս երկու տողերը կոչվում են բացման և փակման պիտակներ: Բացման պիտակը զննարկիչին ասում է, թե երբ է սկսվելու ձեր կայքի որոշակի հատվածը, իսկ փակման պիտակները պատմում են, թե որտեղ է այն ավարտվելու: Ավանդական է, որ համապատասխան տողերի միջև տեղադրված ցանկացած տող փորագրվի, որպեսզի ձեր տեքստը ավելի հեշտ հասկանա: սեղմելով ձեր ստեղնաշարի ներդիրը, կստեղծի ցուցիչ ներկայումս ընտրված գծի վրա: Այս հատուկ պիտակները կոչվում են HTML պիտակներ, և նրանք զննարկիչին ասում են, որ նրանց միջև ամեն ինչ HTML է: «Lang =" en "մասն այն է, որ զննարկիչը գիտի, որ ներքին տեքստը կլինի անգլերեն:

html lang = "hy"> / html>

Սրանք գլխի պիտակներն են: Այս պիտակների միջեւ տեղադրված տեքստը չի հայտնվի ձեր կայքում: Այս բաժինը գնում է այն կոդը, որը զննարկիչին ասում է, թե որն է կայքի անվանումը, որտեղից ստացվում են հատուկ տառատեսակների նման ստիլինգի գործիքներ և որտեղ է պահվում ձեր կայքի ներդիրի պատկերակը: Այս ծրագրի համար մենք այս հատվածը դատարկ կթողնենք:

ղեկավար> / ղեկավար>

Այն ամենը, ինչ ցանկանում եք հայտնվել ձեր կայքում, կտեղադրեք այս մարմնի պիտակների միջև: Սա կլինի ձեր կայքի «մարմինը»:

մարմին> / մարմին>

Սա պարզ տեքստ է: ձեր մարմնի պիտակների մեջ տեղադրված ցանկացած պարզ տեքստ կհայտնվի կայքում: «&» -Ի նման որոշ հատուկ նիշեր չեն հայտնվի ձեր կայքում, բայց դրանք հնարավոր է ցույց տալ, օգտագործելով նիշերի հղումներ: Օրինակ, «Թոմ և ryերի» -ը ձեր կայքում նման կլինի «Թոմ և ryերի» -ին:

Բարեւ աշխարհ!! Բարի գալուստ ԻՄ ԿԱՅՔ !!

Միասին, այս գործիքները կարող են օգտագործվել պարզ կայք ստեղծելու համար:

! DOCTYPE html> html lang = "hy"> գլուխ> / գլուխ> մարմին> Ողջույն աշխարհ !! Բարի գալուստ ԻՄ ԿԱՅՔ !! / մարմին> / html>

Շնորհակալություն ընթերցելու համար

Շնորհակալություն այս հոդվածը կարդալու համար: Հարցերի դեպքում թողեք մեկնաբանություն ստորև: Ես ավելի քան ուրախ եմ օգնելու այս նախագծի կամ առհասարակ HTML- ի հետ կապված ցանկացած խնդրի հարցում: Բացի այդ, այստեղ կան մի քանի հղումներ դեպի HTML- ի որոշ առավել օգտակար կայքեր:

• HTML ձեռնարկ
  Լավ կազմակերպված և հեշտ հասկանալի վեբ կառուցման ձեռնարկներ ՝ HTML, CSS, JavaScript, SQL, PHP և XML օգտագործման եղանակների բազմաթիվ օրինակներով:

• Սովորեք HTML - անվճար ինտերակտիվ HTML ձեռնարկ
  LearnHTML.org- ը անվճար ինտերակտիվ HTML ձեռնարկ է այն մարդկանց համար, ովքեր ցանկանում են արագ HTML սովորել:

• HTML- ի, CSS- ի և PHP- ի անվճար ձեռնարկներ - Կառուցեք ձեր սեփական կայքէջի էջը `HTML.net
  HTML, CSS և PHP- ի անվճար դասընթացներ - Ստեղծեք ձեր սեփական կայքը - HTML, CSS և PHP- ի վերաբերյալ անվճար ձեռնարկներ - Կառուցեք ձեր սեփական կայքը

Օգնեք ինձ ավելի լավ պատկերացում կազմել այն մասին, թե որտեղ են իմ ընթերցողները HTML- ով

Այս հոդվածը ճշգրիտ է և համապատասխանում է հեղինակի լավագույն գիտելիքներին: Բովանդակությունը նախատեսված է միայն տեղեկատվական կամ ժամանցային նպատակներով և չի փոխարինում անձնական խորհրդատվությանը կամ մասնագիտական ​​խորհրդատվությանը բիզնեսի, ֆինանսական, իրավական կամ տեխնիկական հարցերում: