How to Create a Website in Just a Few Hours

Вебсайтты түзүү кыйын болбошу керек. Бул макалада, we’ll walk through the basics of html page creation and how to create a mini-includes list. Кийинки, биз html кантип колдонууну талкуулайбыз>-текстти бөлүп көрсөтүү үчүн тег. Акыры, биз сизге бир нече сааттын ичинде веб-сайтты кантип түзүүнү көрсөтөбүз. Биз дагы бир нече пайдалуу ыкмаларды карап чыгабыз.

Creating a html page

HTML is the language used to build web pages. Ал веб-баракчанын структурасын аныктайт жана CSS мазмундун кантип көрсөтүлөрүн көзөмөлдөйт. Негизги HTML барагын түзүү кыйын эмес. Бул жерде баштоо үчүн этап-этабы менен жол. Сизде негизги HTML барагы болгондон кийин, сиз дагы татаал жана динамикалык түзүүгө даярсыз. Баштоо, сизге текст редактору жана веб браузер керек болот.

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

HTML белгилөө тили болуп саналат, бул беттеги мазмунду форматтоо үчүн тегдерди камтуу керек дегенди билдирет. Ар бир тег беттин элементтеринин бирин билдирет. Тег бурчтуу кашаа менен аныкталат. Кээ бир элементтер бир гана тегди талап кылат, ал эми башкалар эки талап кылат. Жабуу тегинде алдыга сызык бар. Мисалы, абзац теги абзац деп аталган элементти түзөт. Ачуучу жана жабуу тегтеринин ортосундагы текст абзацтын текстин түзөт. Ошо сыяктуу эле, ul теги иретсиз тизмени түзөт.

Creating a mini-includes list

Creating a mini-includes section is an effective way to link various elements on the same web page. HTML барагын бир нече бөлүмчөлөргө бөлүүгө болот, элементтердин тизмесин камтыган ар бир бөлүм менен. Бул элементтер ар кандай максаттарга кызмат кылат. Алфавит тартибин көрсөтүү үчүн type атрибутун колдоно аласыз. Сиз а тамгалары бар элементтердин тизмесин түзүү үчүн кичине тамгаларды да колдонсоңуз болот, б, же в.

Элемент кошуу оңой. Жөнөкөй HTML документи анын мазмунун аныктаган тегдерди камтыйт. Бул тэгдер, адатта, жуп болуп келет. Ачылыш теги андагы элементтерди тизмелөө үчүн колдонулат, жабуу теги элементти жаап жатканда. Ачылыш белгиси, же баш, документ жөнүндө сүрөттөмө маалыматтарды камтыйт. Бул маалымат аталышты камтышы мүмкүн, стилдер барагы маалымат, сценарийлер, же мета маалымат. Жабуу белгиси, Башка жагынан, элементти жабат.

html колдонуу>-тег

html>-теги HTML документинин негизги мазмун аймагын аныктоо үчүн колдонулат. Негизги мазмун аймагы барактын борбордук темасына же функционалдуулугуна тиешелүү тексттен турат. Бул сайттын башка мазмунунан уникалдуу болушу керек. Башка мазмун баракта каптал тилкелер түрүндө пайда болушу мүмкүн, навигация шилтемелери, автордук укук маалыматы, сайттын логотиптери, жана издөө формалары. HTML баракчасы htmlге ылайык келиши керек>-теги HTML баракчасы катары каралышы керек.

href= атрибуту шилтеме элементин ачат. Кийин “=” белги, шилтеменин URL дарегин чапташыңыз керек. Ошондой эле бир темада бир нече абзац саптарын колдоно аласыз. Жабуучу кашаа милдеттүү болуп саналат. Бул сиздин шилтемелериңизди туура эмес чечмелөөдөн сактайт. HTML баракчасын окууну жеңилдетүү үчүн, веб-сайтыңызга шилтеме кошуу. html>-теги башка веб-баракчага шилтемелерди кошууга мүмкүндүк берет.

HTML файлы сиздин компьютериңизге HTML файлы экенин билдирген a.html кеңейтүүсүнө ээ болот. Боштуктун ордуна дефисти колдонуу эң жакшы, анткени боштуктар веб-браузерге файлды табууга жол бербейт. HTML баракчасын түзүп бүткөндөн кийин, аны сактап калууга туура келет. Кийинки, HTML файлы бар папкага өтүп, аны оң баскыч менен чыкылдатыңыз. Ал төмөндөгү скриншотко окшош болушу керек.

html колдонуу>-текстти бөлүп көрсөтүү үчүн тег

You can use the mark> HTML документтериндеги текстти бөлүп көрсөтүү үчүн тег. Бул салыштырмалуу жаңы HTML 5 өзгөчөлүгү, жана ал абзацтын белгиленген бөлүгүн аныктайт. Белги> теги негизги HTML документинин фон-түс касиетин өзгөртүү менен иштейт. Белги> теги глобалдык жана окуя атрибуттарын колдойт. Ал текстти сары же кара түстө бөлүп көрсөтөт. Ошондой эле негизги CSS файлындагы тексттин түсүн өзгөртүүгө болот.

Көпчүлүк экранды окурмандар белги элементин жарыялашпайт, бирок сиз кайсы текстти баса белгилегиңиз келгенин ачык көрсөтүү үчүн CSS мазмун касиетин or.befor and.after псевдо-элементтерин колдоно аласыз.. Жарыялар кенен жана баракка керексиз маалыматтарды кошот, ошондуктан аларды үнөмдүү колдонуу керек. Мисалы, сиз издөө терминин бөлүп көрсөтүү же тырмакчаларды бөгөттөө үчүн жарыяларды колдоно аласыз. Жарыялар бардык негизги браузерлер тарабынан колдоого алынат.

Фондук түс стилинен тышкары, сиз "бөлүп көрсөтүүнү" колдоно аласыз’ HTML документиңиздеги текстти бөлүп көрсөтүү үчүн класс. Фон түсүнүн стилин бардык браузерлер колдойт. Сиз ошондой эле "сары" деген сөздү колдоно аласыз’ түс кодунун ордуна. Ушул эле кодду тексттин абзацын же бөлүмүн бөлүп көрсөтүү үчүн колдоно аласыз. Сиз ошондой эле текстти бөлүп көрсөтүү үчүн CSS класстарын колдоно аласыз.

html колдонуу>-tag to create a mini-includes list

html>-теги мини камтылгандардын тизмесин түзүү үчүн колдонулат. Ал тиешелүү жабуу тегин камтыйт жана элементтин аты кичине тамга менен жазылат. HTML документтери UTF-8 символдук коддоо аркылуу коддолгон, Юникод белгилерин киргизүүнү колдойт. html колдонуп жатканда>-тег, ичинде UTF-8ди тандоону унутпаңыз “катары сактоо” диалог кутусу.

html колдонуу>-HTML баракчасына мини-камтыган тизмени кошуу оңой. Сиз бул тегди иретсиз тизмени колдогон каалаган элемент үчүн колдоно аласыз. Навигация менюсу үчүн иретсиз тизмени да колдонсоңуз болот. dl элементи терминдердин жана сүрөттөмөлөрдүн жуптарынын тизмесин камтыйт. Тартиптүү тизмедеги нерселер сол тарапка көтөрүлгөн эсептегич менен көрсөтүлөт. Ошондой эле, эгерде тизмедеги нерсе дароо башка элемент менен коштолсо, сиз dl элементин калтырсаңыз болот.

Мини-камтыган тизмени киргизүүнүн дагы бир жолу HTML документине төмөнкү колонтитул элементин кошуу. Бул элемент жакынкы бөлүмдүн мазмунунун төмөнкү колонтитулун билдирет. Анда көбүнчө автор тууралуу маалымат бар, автордук укук маалыматтары, же тиешелүү документтерге шилтемелер. html колдонуу>-tag to create a mini-includes list on an HTML page

html колдонуу>-tag to highlight individual text blocks

HTML5 highlights individual text blocks with the mark> элемент. Бул HTML5 теги булактагы мазмундун түсүн сары же каранын белгилүү бир көлөкөсүнө өзгөртөт, окурманга маанилүү текстти айырмалоого мүмкүндүк берет. Ал башка текстке караганда көбүрөөк көңүл бурууну талап кылган мазмундун бөлүмдөрүн көрсөтүү үчүн да колдонулушу мүмкүн. Белги> элемент HTMLдеги глобалдык атрибуттарды жана окуя атрибуттарын колдойт. Туура колдонулганда, бул HTML5 теги веб-баракчанын окулушун жакшыртат.

HTML4 стандарты физикалык стилдеги белги деңгээлиндеги тэгдерди жокко чыгарат. Алар презентация менен алектенет, жана бул максаттар үчүн CSSти колдонуу жакшы. HTML5 аларды кайра киргизди. Алар мындан ары эскирбейт, бирок алар дагы эле айрым текст блокторун бөлүп көрсөтүүнүн жалгыз жолу эмес. HTML5 менен тексттин айрым блокторун бөлүп көрсөтүү үчүн CSS колдонуңуз! Бул жөнөкөй ыкма мазмундун бир бөлүгүндө жеке текст блокторун баса берет.

Float: Сиз бул CSS касиетин элементти камтыган элементтин сол же оң четине сүзүү үчүн колдоно аласыз. Бул тор же мамычаларды түзүү үчүн колдонулушу мүмкүн. Сиз ошондой эле iframe же сүрөттү браузердин сол же оң четине сүзүү үчүн float деп аталган CSS касиетин колдоно аласыз.. Бул атрибуттар CSS менен жеке блокторду бөлүп көрсөтүүнү жеңилдетет.