Իմացեք Հիմնական HTML- ը, Սկսենք Կայք կառուցել
Իմացեք հիմնական HTML- ը ձեր վեբ կայքը ստեղծելու համար: Հիմնական HTML- ը դժվար չէ սովորել: Ուսուցման HTML- ը, ամենայն հավանականությամբ, միակ ամենակարեւոր բանը, երբ դուք երբեւէ կանի, եթե ցանկանում եք ստեղծել ձեր անձնական անձնական վեբ կայքը : Դուք պետք է սովորեք HTML- ը լավ էջերի նախագծման համար, քանի որ դա այն լեզունն է, որի վրա հիմնված է Ինտերնետի վեբ կայքը:
Վեբ կայքերը ձեր կյանքում կյանքում ինչ-որ բան ցույց տալու լավ միջոց են: Հիմնական HTML- ը թույլ կտա ցույց տալ աշխարհին այն, ինչ ուզում եք ցույց տալ ձեր վեբ կայքում: Գունավորելով, փոխելով տեքստի չափը եւ ներառելով նկարներ Ձեր վեբ կայքում, ընդամենը մի քանի բան կարող եք անել, երբ դուք սովորեք հիմնական HTML- ը:
Հիմնական HTML- ը սովորելու համար հարկավոր է հիշել, որ դա ուղղակի մի շարք տառեր է, որոնք հապավումներ են, թե իրականում ինչի համար են: Օրինակ, H1- ը հանդես է գալիս այն պարբերության համար, որը հինգ չափսերի առաջինն է եւ BR- ը գծային ընդմիջում է:
Մի կարեւոր բան հիշելիս, երբ դուք սովորել եք հիմնական HTML- ն, այն է, որ HTML էջում HTML- ի պիտակները պետք է լինեն որոշակի կարգով, իսկ HTML- ի հիմնական հատկանիշները պետք է ունենան սկիզբ եւ վերջ տառ: Վերջնական պիտակը պարզապես նույնն է, ինչ մեկնարկային պիտակը, բացառությամբ, որ այն սկսվում է / խորհրդանիշից: Վերնագիրը կանդրադառնա այս Վերնագիր այստեղ H1>
: Կա մեկնարկային պիտակ, H1 , վերնագիր եւ վերջնակետ, / H1 :
Իմացեք հիմնական HTML- ի ճիշտ ձեւը եւ հիշեք, որ պիտակները պետք է լինեն որոշակի կարգով: Վեբ էջի հիմնական կառուցվածքը հետեւյալն է.
Այստեղ դուք կարող եք տեղադրել փաստաթղթի կարեւոր տեղեկություններ, ինչպիսիք են շրջանակները, լեզուն եւ հատուկ հրահանգները:
HEAD>
Ներդրեք ձեր պատմությունը, նկարները, հղումները եւ այստեղ ամեն ինչ:
Ձեր պարբերության վերնագիր: H1>
Սա այն է, որտեղ դուք մուտքագրեք ձեր փաստաթղթի տեքստը: P>
Սա է հղում գրել.
http://www.nameofpage.com "> Վերնագիրը կամ այն, ինչ ուզում եք ասել: A>
BODY>
HTML>
Դուք նաեւ կարող եք հղում մուտքագրել նախադասության կեսին: Եթե ուզում ես ասել, «Microsoft- ն ունի մի հրաշալի դեմո»: Դա նման էր:
http://www.microsoft.com/en/us/default.aspx "> Microsoft ունի մի քանի հրաշալի դեմքեր, որոնք կօգնեն սովորել հիմնական HTML- ը:
Դուք ոչ միայն կարող եք ստեղծել հղումներ դեպի այլ էջեր, սակայն նույն էջում կարող եք նաեւ հղումներ ստեղծել այլ վայրում: Եթե ես ուզում էի վերադառնալ այս հոդվածի սկզբին, ես կասեի, «վերադառնալ» ինչ-որ բան եւ սեղմելով հղիչին, որը կվերադառնար սկզբից: Սա մի փոքր ավելի բարդ է, քանի որ դրա համար երկու մաս կա: Նախ, դուք ստեղծում եք ձեր հղումը.
nameofdocument #There"> Վերադառնալ < / A >
«Այնտեղ» բառը այն է, որ ուզում եմ ձեզ վերադարձնել այնպես, հիմա ես պետք է գնամ այդ բառին եւ ստեղծեմ եւ խարիսխ, այնպես որ հենց նոր ստեղծած հղումը գիտի `ուր գնալ:
Երբ դուք սովորում եք հիմնական HTML- ին, կարող եք գրել ձեր վեբ կայքը Windows- ի հետ ներդնող տեքստային խմբագրության մեջ, այնպիսի ծրագրեր, ինչպիսիք են NoteTab- ը եւ Arachnophilia- ը կամ մեկը, որը գալիս է ձեր վեբ բրաուզերի հետ : Ամեն դեպքում, եթե դուք պարզապես հետեւեք կանոններին, երբ դուք սովորել եք հիմնական HTML- ը, ամեն ինչ պարզ կլինի:
Հիմնական HTML Tags
- > - Հեղինակային մեկնաբանությունները դիտարկվում են բրաուզերում:
... HTML> - Միշտ սկսեք եւ վերջացրեք ձեր էջը `օգտագործելով այս պիտակը:
... HEAD> - փաստաթղթի վերնագիր:
... BODY> - փաստաթղթի մարմին:
... H1>
- ամենափոքր վերնագրի չափը:
... H2>
- Փոքր վերնագրի չափսը:
... H3>
- միջին փոքր չափի վերնագիր:
... H4>
- միջին մեծ չափի վերնագիր:
... H5>
- Մեծ չափի չափը:
... H6>
- Ամենամեծ վերնագրի չափը:
... A> - Սկսում է հիբրիդային հղում:
... ADDRESS> - Տեղեկատվություն հեղինակի մասին:
... BLOCKQUOTE>
- Երկար գնանշումներ:
... PRE>
- Նախապատմված տեքստ:
- ձեւի բլոկ:
- ստեղծում է տուփ մուտքագրելու համար:
- Ստեղծում է ոլորող մենյու:
- Ընտրում է ընտրելու տարրեր:
... OL>
- պատվիրված ցուցակ:
Հրամայված ցուցակի օրինակ `
- կարմիր
- Կապույտ
- կանաչ
... UL>
- անուղղակի ցուցակ:
Վերադասավորված ցուցակի օրինակ.
- կարմիր
- Կապույտ
- կանաչ
- ցանկի ցանկը:
... DL>
- Բառարանի ցանկը:
... CITE> - Նշանակություն:
... CODE>
- օրենսգրքի տառատեսակը:
... DFN> - սահմանված ժամկետը:
... EM> - Ուշադրություն:
Կարմիր շեշտադրման օրինակ `
կարմիր, կապույտ, կանաչ
... I> - շեղում:
Դրական նմուշ `
կարմիր, կապույտ, կանաչ
... KBD> - Ստեղնաշարի տեքստը:
... SAMP> - ընտրանքի տեքստը:
... STRONG> - Ուժեղ շեշտադրում:
Ուժեղ շեշտադրման օրինակ.
կարմիր, կապույտ, կանաչ
... TT> - գրամեքենայի տեքստը:
... VAR> - փոփոխական:
... B> - թունդ:
- Նկարագրում է փաստաթուղթ:
- գծի ընդմիջում:
- հորիզոնական գիծ:
- Image:
- պարբերություն:
- ցանկի տարր:
- նշում է տերմինը ցանկում:
- նշում է ցանկը: