Ар бирибиз космосто жүргөндөй онлайн режиминде жүрөбүз - адегенде "ал кандай?" Деп билгибиз келет, андан кийин ал жакта эмне болсо, ошонун бардыгын текшерип көргүбүз келет, андан кийин өзүбүзгө таандык бир нерсени калтырып койгубуз келет. жөн гана "дубалдардагы граффити", бирок андан маанилүүрөөк нерсе. Жөнөкөй веб-баракчаны түзүүдөн баштасаңыз болот - бул жерде этап-этабы менен көрсөтмө бар.
Ал зарыл
Текст редактору
Нускамалар
1 кадам
Веб-бетте сайтты көргөндөрдүн бардыгы серепчи тарабынан анын суранычы боюнча жиберилген көрсөтмөлөрдүн негизинде кайра жаратылат. Бул көрсөтмөлөр HTML (HyperText Markup Language) тилинде жазылган жана htm жана html кеңейтүүлөрү алар сакталган файлдар үчүн бөлүп көрсөтүлөт. Мындай файлды кадимки тексттик редактордо түзсөңүз болот - бул веб-баракчаны түзүүдөгү биринчи кадам болот. Мисалы, стандарттык блокнотту ачып, index.html деген бош файл түзүңүз. Вебсайттын дарегин белгилүү бир баракты көрсөтпөстөн тергенде (мисалы, сервер издеген биринчи нерсе дал ушул аталыштагы барак - индекс.
2-кадам
HTML нускамалары "тэгдер" деп аталат жана алардын ар бири ушундай кашаанын ичине камтылган -. Кээ бир тегдер жупташкан, башкача айтканда, ачылуучу жана жабылуучу тегдерден турат жана алардын ортосунда маалымат жайгаштырылат. Мисалы, браузерге коддун төмөнкү HTMLде экендигин билүүгө мүмкүнчүлүк берген тэг мындай жазылат: HTML коду ушул учурда бүттү деген жабуу теги төмөнкүдөй жазылат: Көрүнүп тургандай, жабуу теги айырмаланат ачылуучу кашаанын артынан кыйшык сызыктын болушу менен ачылуучу тегден (</).
3-кадам
Сиз жана тегдердин ортосуна койгон бардык коддор эки бөлүккө бөлүнүшү керек - документтин башы жана тулку бөлүгү. Титул бөлүгүнүн ачылуучу жана жабылуучу тегдери төмөндөгүдөй жазылат: Бул баракчанын "кызмат" бөлүгү - терезенин аталышы, издөө роботторунун ачкыч сөздөрү жана сүрөттөмөлөрү, стилдердин сүрөттөлүшү, скрипттер ж.б.у.с. Ага барактын терезесинин аталышын киргизиңиз: Бул аталыш! Сиздин HTML баракчаңыздын толук тексти ушул сыяктуу болушу керек:
Бул баш сөз!
4-кадам
Рубрикадан кийин, документтин негизги көрсөтмөлөрү камтыла турган тегдерди жайгаштырышыңыз керек: Алардын арасына, мисалы, беттеги тексттин абзацын чагылдырган тег киргизиңиз:
Бул жерде маалыматтын толук абзацы бар!
Бардык HTML тэгдери жупташкан эмес. Алардын айрымдары үчүн, сизге керектүү нерселердин бардыгы ачылуучу тектин ичине жайгаштырылган. Бул тегдерде жабуучу кашаанын алдында жабык сызыгы бар. Мисалы, саптын аягындагы тэг жана "вагонетканын кайтып келиши"
:
Параграфтын биринчи сабы.
Параграфтын экинчи сабы.
Мунун бардыгы браузерге сиздин баракчаңызды кадимкидей көрсөтүп турушу үчүн жетиштүү. Бардык html-коддору төмөнкүдөй болушу керек:
Бул баш сөз!
Параграфтын биринчи сабы.
Параграфтын экинчи сабы.
Бул жөнөкөй баракчаны түзүүнү аяктайт - документти сактагандан кийин (index.html), аны браузерден ачып, өз баракчаңызды көрө аласыз.
