Вебсайтны берничә сәгать эчендә ничек ясарга

Вебсайт ясау авыр булырга тиеш түгел. Бу мәкаләдә, без html битен ясау нигезләрен һәм мини-кертелгән исемлекне ничек ясарга икәнен карап чыгарбыз. Киләсе, без html куллану турында сөйләшәчәкбез>-текстны яктырту өчен тег. Ахырда, без сезгә берничә сәгать эчендә вебсайтны ничек ясарга икәнен күрсәтербез. Без тагын берничә файдалы техниканы яктыртачакбыз.

Html битен ясау

HTML - веб-битләр төзү өчен кулланыла торган тел. Ул веб-бит структурасын билгели һәм CSS эчтәлекнең ничек күрсәтелүен контрольдә тота. Төп HTML битен ясау кыен түгел. Менә башлау өчен этаплап кулланма. Сезнең төп HTML битегез булганнан соң, сез катлаулырак һәм динамикны булдырырга әзер. Башлау, сезгә текст редакторы һәм веб-браузер кирәк булачак.

Сез шулай ук ​​веб-битегез өчен эчтәлек булдыру өчен MS Word кебек сүз процессорын куллана аласыз. Сез текстны бер-берсенә тоташтыру өчен гиперштамалар куллана аласыз. Сез шулай ук ​​html файлы итеп саклый аласыз, веб-бит. Бу ысул яхшы эшли, ләкин сез ясаган битләр бик зур һәм браузер тәрәзәсендә яхшы күренми. Бу ысулның бер начар ягы - сез булган коралларны кулланырга өйрәнергә тиеш.

HTML - билгеле тел, димәк, биттәге эчтәлекне форматлау өчен тегларны кертергә кирәк. Eachәрбер тэг бит элементларының берсен күрсәтә. Тэг почмаклы кашка белән билгеләнә. Кайбер элементлар бер генә тег таләп итә, калганнары икесен таләп итә. Ябу тегендә алга слайд бар. Мәсәлән, абзац теге абзац дип аталган элемент тудыра. Ачылу һәм ябылу тэглары арасындагы текст абзац текстын тәшкил итә. Шулай ук, ул тэг тәртипсез исемлек төзи.

Мини-кертелгән исемлек булдыру

Мини-кертелгән бүлекне булдыру - бер үк веб-биттә төрле элементларны бәйләү өчен эффектив ысул. HTML битен берничә бүлекчәләргә бүлеп була, элементлар исемлеге булган һәр бүлек белән. Бу элементлар төрле максатларга хезмәт итәләр. Сез алфавит тәртибен күрсәтү өчен тип атрибутын куллана аласыз. Сез шулай ук ​​а хәрефләре белән элементлар исемлеген төзү өчен кечкенә хәрефләрне куллана аласыз, б, яки в.

Элемент өстәү җиңел. Гади HTML документында аның эчтәлеген билгеләүче теглар бар. Бу тэглар гадәттә парлы була. Ачылу теге аның эчендәге элементларны санап чыгу өчен кулланыла, ябу теге элементны япа. Ачылу, яки баш, документ турында сурәтләүче мәгълүматны үз эченә ала. Бу мәгълүмат исемне кертә ала, стиль таблицасы турында мәгълүмат, сценарийлар, яки мета мәгълүмат. Ябу, икенче яктан, элементны япа.

Html куллану>-тег

Html>-тег HTML документының төп эчтәлеген билгеләү өчен кулланыла. Төп эчтәлек өлкәсе үзәк темага яки битнең функциональлегенә бәйле тексттан тора. Ул сайттагы башка эчтәлектән уникаль булырга тиеш. Башка эчтәлек биттә ян ягы рәвешендә күренергә мөмкин, навигация сылтамалары, авторлык хокукы турында мәгълүмат, сайт логотиплары, һәм эзләү формалары. HTML бите html артыннан барырга тиеш>-HTML бите булырга тиеш.

Href = атрибут сылтама элементын ача. Соңыннан “=” билге, сез сылтаманың URL-ны ябыштырырга тиеш. Сез шулай ук ​​бер башламда берничә абзац сызыгын куллана аласыз. Ябу крэкете кирәк. Бу сезнең сылтамаларны дөрес аңлатмаска комачаулый. Html битен уку җиңелрәк булсын өчен, вебсайтка сылтама өстәгез. Html>-тег сезгә бүтән веб-биткә күрсәткән сылтамалар өстәргә мөмкинлек бирәчәк.

HTML файлында a.html киңәйтелеше булачак, бу сезнең санакка HTML файлын күрсәтәчәк. Бәйлекләр урынына сызык куллану яхшырак, бушлыклар веб-браузерга файлны табарга комачаулый. HTML битен ясагач, аны сакларга туры киләчәк. Киләсе, HTML файллары белән папкага керегез һәм уң төймәгә басыгыз. Түбәндәге скриншотка охшаган булырга тиеш.

Html куллану>-текстны яктырту өчен тег

Сез билге куллана аласыз> HTML документларында текстны яктырту өчен тег. Бу чагыштырмача яңа HTML 5 үзенчәлек, һәм ул абзацның яктыртылган өлешен билгели. Билге> тег HTML документының фон-төс милеген үзгәртеп эшли. Билге> тег Глобаль һәм Вакыйга Сыйфатларын да хуплый. Ул текстны сары яки кара төстә күрсәтәчәк. Төп CSS файлындагы текстның төсен дә үзгәртергә мөмкин.

Экран укучыларның күбесе билге элементын игълан итмиләр, ләкин сез CSS эчтәлеге мөлкәтен куллана аласыз.. Белдерүләр сүзле һәм биткә кирәксез мәгълүмат өсти, шуңа күрә сез аларны аз кулланырга тиеш. Мәсәлән, сез эзләү терминын яки цитаталарны блоклау өчен игъланнарны куллана аласыз. Белдерүләр барлык зур браузерлар ярдәмендә.

Фон-төс стиленә өстәп, сез "аергыч" куллана аласыз’ HTML документындагы текстны яктырту өчен класс. Фон-төс стиле барлык браузерлар ярдәмендә. Сез шулай ук ​​«сары» сүзен куллана аласыз’ төс коды урынына. Сез абзацны яки текст бүлеген яктырту өчен шул ук кодны куллана аласыз. Сез шулай ук ​​текстны яктырту өчен CSS классларын куллана аласыз.

Html куллану>-мини-кертелгән исемлек булдыру өчен тег

Html>-тег мини-исемлекләр исемлеген булдыру өчен кулланыла. Анда тиешле ябу теге бар һәм элементның исеме кечкенә хәреф. HTML документлары UTF-8 символларын кодлау ярдәмендә кодланган, icникод символларын кертүне хуплый. Html кулланганда>-тег, UTF-8 сайлагыз “саклагыз” диалог тартмасы.

Html куллану>-HTML битенә мини-кертелгән исемлек өстәү җиңел. Сез бу тэгны тәртипсез исемлекне хуплаган теләсә нинди элемент өчен куллана аласыз. Сез хәтта навигация менюсы өчен тәртипсез исемлек куллана аласыз. Dl элементы терминнар һәм тасвирламалар парлары исемлеген үз эченә ала. Заказлы исемлектәге әйберләр сул якка көчәя торган счетчик белән күрсәтелә. Әгәр дә исемлек пункты шунда ук бүтән элемент белән иярсә, сез dl элементын да калдыра аласыз.

Мини-кертелгән исемлекне кертү өчен тагын бер ысул - HTML документына аста элемент өстәү. Бу элемент иң якын бүлекчәләрнең аскы өлешен күрсәтә. Анда гадәттә автор турында мәгълүмат бар, авторлык хокуклары турында мәгълүмат, яки бәйләнешле документларга сылтамалар. Html куллану>-HTML битендә мини-кертелгән исемлек булдыру өчен тег

Html куллану>-аерым текст блокларын яктырту өчен тег

HTML5 билге белән аерым текст блокларын күрсәтә> элемент. Бу HTML5 теге чыганактагы эчтәлекнең төсен билгеле бер сары яки кара күләгәгә үзгәртә, укучыга мөһим текстны аерырга мөмкинлек бирү. Бу шулай ук ​​эчтәлекнең бүтән текстка караганда күбрәк игътибарга мохтаҗ бүлекләрен күрсәтү өчен кулланылырга мөмкин. Билге> элемент HTMLдагы Глобаль Сыйфатларны һәм Вакыйга Сыйфатларын хуплый. Дөрес кулланылганда, бу HTML5 теге веб-битнең уку мөмкинлеген арттыра ала.

HTML4 стандарты физик стильдәге символлар дәрәҗәсен төшерә. Алар презентация белән эш итәләр, һәм бу максатларда CSS куллану яхшырак. HTML5 аларны яңадан тәкъдим итте. Алар инде искермиләр, ләкин алар әле аерым текст блокларын яктырту өчен бердәнбер ысул түгел. HTML5 ярдәмендә текстның аерым блокларын яктырту өчен CSS кулланыгыз! Бу гади ысул эчтәлек эчендә аерым текст блокларын күрсәтәчәк.

Йөзү: Сез бу CSS мөлкәтен элементның сул яисә уң ягына йөзү өчен куллана аласыз. Челтәр яки баганалар ясау өчен кулланырга мөмкин. Сез шулай ук ​​float дип аталган CSS милеген куллана аласыз, браузерның сул яисә уң читенә ифрам яки рәсем йөзү өчен.. Бу атрибутлар CSS белән аерым блокларны яктыртуны җиңеләйтәләр.