Сиз HTML-бет кантип түзүү керек? Бул үчүн, бир нече саат бою керек, ошондо билишет HTML негиздери. Сен биринчи бет 5 мүнөткө чейин алат түзөт.

HTML гипертекстти белгилөө тили чечмеленет. Которулган, ал: "гипертекстти белгилөө тили" дегенди билдирет. Бул HTML түшүнүү үчүн абдан маанилүү болуп саналат - бул, атап айтканда белгилөө сайт, бир программалоо тили эмес.

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

Бул тил өзгөчө теги колдонот. Ар бир теги бир кызматы бар. Алардын көп. Идеалында, баарын билүү керек. Бирок, башталгыч, негизги билими жетиштүү.

HTML Basics

Сиз HTML-бет түзөөрдөн мурун, сиз бул деген эмне экенин билүү зарыл. Бул тилинде, эки түшүнүктөр бар: элементи жана теги.

элемент башталат жана ачуу жана теги жабуу менен жабылат кайда көрсөтүү. Бул окшойт.

<Баштоо теги> мазмун

Көрүнүп тургандай, ачылыш жана жабылышы теги "/" менен гана айырмаланат.

Бардык HTML-Документти бул элементтердин жыйындысы. документтин түзүлүшү үчүн кээ бир талаптар бар. Бардык бет мазмуну эки Tags ортосунда болушу керек жана . Эгер сиз кодду жаз келгенде, дароо ачуу жана жабуу теги түшүп коюп, аны адатка алып.

Ошондой эле тил HTML түзүлүшү өз иерархияны бар экенин унутпа. Болбосо, бул жумуртка ташташ үчүн деп аталат. HTML теги баары ичинде болгондуктан, өтө маанилүү болуп саналат.

HTML-жылы эки бала элементтер бар:

• ... ;
• .. .

БАШ бөлүмүндө ар кандай кызмат маалыматтарды белгилейт. Бул маалымат браузерде көрсөтүлгөн эмес. Мисалы, иштеп көрсөтмөлөрү, бардык программалар үчүн, роботтор менен көп.

Өтө маанилүү нерсе - эч кандай мазмун жок.

BODY бөлүк колдонуучуга көрсөтүлө турган документтин мазмунун аныктайт.

ошол замат болуп, 10-пунктчаларында болот, мамлекеттик жана жеке тегдерин жасоого үйрөн. Мындан тышкары, жайлуулугу камтылган теги чегинген жок. Мисалы, ушул сыяктуу.

<Башчысы>

<Орган>

Демек, бирдей мааниси теги ушул эле деъгээлде экендигин кылып, бала - "ички". Ошентип, бир топ кыйын окуп кодексинин бир бөлүгүнө издөө. Болбосо, түшүнбөй ала аласыз. Ал эми жай үчүн сактык башчысы жана дене теги толтургучтар эле жасоого болот. Ошентип, эч нерсе чегинүүсүн бардык башкалар келет. Калганынын баары бири-биринен ажыратуу үчүн баалуу болуп саналат.

Кантип жөнөкөй HTML баракты жаратууга

код жазышы үчүн редактор кандайдыр бир зарыл. Алардын көп. Популярные Notepad ++ жана Текшерүү комиссиясы болуп саналат. Ошондой эле дептер колдоно аласыз.

Бул жерде эмне Notepad ++ редактору болот.

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

жарыктын дал үчүн, жөндөөлөрдөн менен конкреттештирүү зарыл.

Кудайдын Нотпадда учун HTML баракты жаратууга болорун карап чыгалы. Башкача айтканда, техникалык бүтүрүп, андан кийин эле тег изилдөө жөнүндө сөз кылууга болот.

ноутбук HTML интернет барагын түзүү керек

Биринчиден, дептер ачуу.

Андан кийин төмөнкү Скриншоту көрсөтүлгөн деп терип.

бир көчүрмөсү жок болсо, ал өзүнүн колдорун, жазып көнүү. Эгер кол жазганда, жакшыраак бүт теги базасын эстеп.

Анан менюдан "Save File" басып алып, анын атын көрсөтүү, ал эми узартуу .html менен.

билэ браузерден ачып, үзүрүн болот. Азыр болсо, сиз, ноутбук HTML интернет баракты жаратууга кантип ачык-айкын болушу керек.

World бирикме W3C

иштеп чыгат жана Интернет үчүн бардык стандарттарды ишке W3C сыяктуу уюм бар. Бардык серепчилер бул эрежелерге ылайык барактарды бул стандарттарды жана технологиялык жайгашууда (лар) менен жөнгө салынат.

HTML иштеп расмий сайты, сен аларды пайдаланууга байланыштуу бардык Tags жана эрежелер менен дасторкон таба аласыз. Бул макалада биз негизги карап.

Сиз туура болушу мүмкүн, эмне жөнүндө ойлонуп болот? Булардын баары теги бир сунуш бар. Алардын бир нече:

• Кошумча тег.
• Тыюу салынган.
• Бош тег.
• эскирген
• Lost.

HTML-жылы Tags

Сиз HTML-бет түзөөрдөн мурун, сиз БАШЫНДА кызмат болушу керек экенин түшүнүү зарыл.

аймакта HEAD да милдеттүү жана кошумча теги бар. Милдеттүү тег аталышы билдирет. Бул <аталышы> Title тарабынан белгиленет. Ал толугу менен документ берилет. Ошондой эле Google издөө натыйжалары көргөн - бир теги аталышы.

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

Алар ошондой эле көрсөтүлгөн

Бардык ортосунда, бул жол менен кабыл программасы. Эгер дагы бир теги комментарий бир комментарий теги койду мүмкүн эмес экенин белгилеп кетмекчибиз. Анткени сен <көрүү болушунча тезирээк! -, ары баарын, бул мүмкүн эмес болот. иштеткичи корутунду теги көрбөй турган сыяктуу маалыматтар көп эле көрүнбөй калат ->.

мындай тосмонун бир мисал:

Биринчи түшүндүрмө улантуу ->

Серепчи төмөнкү натыйжасы болот

Биринчи түшүндүрмө улантуу ->

Ал эми <бир бөлүгүн - биринчи Комментарий кошуу көрүнбөй калат. Экинчи ачылыш теги

тексттин аталыштар

Статус бойунча теги колдонуп БАШ бөлүмүндө гана эмес, аныктайт. баш шартында сөзсүз түрдө көрсөтүлүшү керек. колдонуучунун көрүп-жылдан бери.

Жалпы маалыматтардын саны баскычтарында ар түрдүү келет. Ошентип, тексттин бир иерархиясы. Бирдей көлөмү, бөлүмдөр, китепке-пункттары.

Бул жөн эле 6 төмөндүгү болуп саналат. башкы

аты дайындалат. h1 тэгдеринде барак текст колдоо шартында, ошондой аталыш менен бирдей болушу керек. Мындан тышкары, көз менен эстетикалык көз карашынан h1, бир гана ошол жерде болушу керек. Бирок, бул серепчи кийинки h1 туура эмес экенин билдирбейт. Алар каалаган баарын кылууга болот, бирок бул баалуу эмес.

Бөлүмчөлөр h6 үчүн h2 чейин теги. Алар жатат - биринчи, экинчи, үчүнчү, төртүнчү, бешинчи жана алтынчы деъгээлинин аталышы. Андыктан камтылган маалыматтарды жана категорияларына бөлүүнү түзөт.

Бул окшойт.

абзац

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

тег өткөрүп берүү жабык эмес экенин белгилеп кетмекчибиз. Ал жалгыз эмес.

мисал аятты карап көрөлү.

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

колдонуу шилтемелер

Сиз, балким, ойлонуп, бир чечимге келип: шилтемелери менен HTML-баракты жаратууга кантип? Татаал, ал жөнүндө эч нерсе жок. Шилтемелер HTML баракты түзүү өтө жөнөкөй болуп саналат. Бул максатта атайын теги бар. Бул анын талап сыпаттары бар. Туура шилтеме мындай болот:

шилтеме текст

Даректи жана текстти көрсөтүү жок болсо, анда бул ссылканы колдонуучуга пайдасыз же көзгө көрүнбөгөн болот.

жыйынтыктоо

Tags көп бар, жана ар бир сыпаттары, анын изине ээ. Бул маалыматты окуп чыккандан кийин, сиз интернет барак HTML кантип түзүү керек.

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