Веб-парақ қалай құрылады

Мазмұны:

Веб-парақ қалай құрылады
Веб-парақ қалай құрылады

Бейне: Веб-парақ қалай құрылады

Бейне: Веб-парақ қалай құрылады
Бейне: Web парақ құру 2024, Мамыр
Anonim

Әрқайсымыз ғарышқа кіргендей ғаламторға қосыламыз - алдымен «бұл қалай?» Екенін көргіміз келеді, содан кейін бар нәрсенің бәрін тексеріп көргіміз келеді, содан кейін өзімізге тиесілі бір затты сол жерде қалдырғымыз келеді - емес жай «қабырғадағы граффити», бірақ одан да маңызды нәрсе. Сіз қарапайым веб-парақ құрудан бастауға болады - бұл қадамдық нұсқаулық.

Веб-парақ қалай құрылады
Веб-парақ қалай құрылады

Бұл қажетті

Мәтіндік редактор

Нұсқаулық

1-қадам

Сайтқа кірушілер веб-бетте көретін барлық нәрсені браузер оның сұрауы бойынша сервер жіберген нұсқаулардан жасайды. Бұл нұсқаулар HTML (HyperText Markup Language) тілінде жазылған және htm және html кеңейтімдері олар сақталатын файлдар үшін ерекшеленеді. Мұндай файлды кәдімгі мәтіндік редакторда жасауға болады - бұл веб-парақты құрудың алғашқы қадамы болады. Мысалы, стандартты блокнотты ашып, index.html деген бос файл жасаңыз. Веб-сайттың мекен-жайын белгілі бір парақты көрсетпей тергенде (мысалы, сервер бірінші іздейтіні - дәл осы атпен бет - индекс.

2-қадам

HTML нұсқаулары «тегтер» деп аталады және олардың әрқайсысы осындай жақшаға алынған -. Кейбір тегтер жұпталған, яғни олар ашылатын және жабылатын тегтерден тұрады және олардың арасында ақпарат орналастырылады. Мысалы, браузерге кодтың төмендегі HTML-де екенін білуге мүмкіндік беретін тег келесідей түрде жазылады: HTML-кодтың осы кезде аяқталғанын білдіретін жабу тегі келесідей жазылады: Көріп отырғаныңыздай, жабу тегі әртүрлі ашылатын жақшадан кейін қиғаш сызықтың болуы арқылы ашылатын тегтен (</).

3-қадам

Сіз және тегтер арасында орналастырған барлық кодтар екі бөлікке бөлінуі керек - құжаттың жоғарғы және жоғарғы бөлігі. Тақырып бөлігінің ашылу және жабылу тегтері келесідей жазылады: Бұл парақтың «қызмет» бөлігі - терезе тақырыбына арналған ақпарат, іздеу роботтарына арналған кілт сөздер мен сипаттамалар, стильдердің сипаттамалары, сценарийлер және т.б. Оған парақ терезесінің тақырыбын енгізіңіз: бұл тақырып! Бұл жерде сіздің html парағыңыздың толық мәтіні келесідей болуы керек:

Бұл тақырып!

4-қадам

Тақырып бөлігінен кейін сізге құжаттың негізгі нұсқаулары берілетін тегтерді орналастыру керек: олардың арасына, мысалы, парақтың параграфын көрсететін тегті салыңыз:

Мұнда толық параграф бар!

HTML тегтерінің барлығы бірдей жұптасқан емес. Олардың кейбіреулері үшін сізге қажет нәрсенің бәрі ашылатын затбелгінің ішіне орналастырылған. Бұл тегтерде жақшаның алдында жабылатын қиғаш сызық болады. Мысалы, жолдың соңындағы тэг және «арбаның қайтуы»

:

Параграфтың бірінші жолы.

Параграфтың екінші жолы.

Мұның бәрі браузерге сіздің парағыңызды қалыпты түрде көрсетуі үшін жеткілікті. Жиналған барлық HTML-код келесідей болуы керек:

Бұл тақырып!

Параграфтың бірінші жолы.

Параграфтың екінші жолы.

Бұл қарапайым парақты құруды аяқтайды - құжатты сақтағаннан кейін (index.html), сіз оны шолғышта ашып, өз парағыңызды көре аласыз.

Ұсынылған: