Мазмұны

• Қадамдар
• Кеңес

Біз күн сайын веб-беттерді қолданамыз, бірақ оны жасау қиын ба? Бұл мақала Блокнот көмегімен қарапайым HTML веб-сайтты құруды үйретеді.

Қадамдар

1-дің 1-әдісі: өз веб-сайтыңызды жасаңыз

1. 

   Блокнотты ашыңыз. Блокнот әр Windows компьютерінде алдын ала орнатылған және оны Пуск мәзірінен табуға болады. Блокнотты ашқаннан кейін «Файл» батырмасын басыңыз, ашылмалы мәзірден «Басқаша сақтау» таңдаңыз. Содан кейін файл түрі мәзірінен «Барлық файлдар» тармағын таңдап, файлды HTML түрінде сақтаңыз. Әдетте «index.html» файлы веб-сайттағы барлық нәрсеге қол жеткізу үшін барлық сілтемелерді қамтитын басты бет болып табылады.

2. 

   
   
   HTML (HyperText Markup Language) тегтерді қолданады. Негізінен, тегтер - бұл екпін ішіндегі сөздер .
   Сіз өзіңіздің веб-парағыңызды жасау үшін көптеген тегтерді қолданасыз. Оның жанында кодтың жолын аяқтау үшін қолданылатын «жабу тегі» бар. Мысалы: Бұл тегтер қалың қаріппен немесе мәтіннің абзацымен аяқталады.

3. 

   
   
   Веб-беттің тақырыбы әдетте тег болып табылады: . Сіз оны Блокнот файлының жоғарғы жағына орналастыра аласыз.

4. 

   Келесі карта .
   Келесі

5. 

   
   
   Картадан кейін келесі жолда басМәселен, тақырып қоямыз:

6. 

   Енді теріңіз бірінші бөлімді аяқтау.

7. 

   Келесі веб-сайтта тег бар . Браузерлер барлық түстерді қолдай алмайтынын ескеріңіз (мысалы, көптеген браузерлер қою сұрды қолдамайды).

8. 

   Екі негізгі тег арасында пайдаланушы көретін веб-парақтың мазмұны орналасқан. Тақырыптан бастайық. Бұл HTML-де тегтен көрсетілген мәтіннің үлкен бөлігі

   кел

   , картамен

   ең үлкен өлшем. Сонымен, веб-парақтың жоғарғы жағында, негізгі мәтіннен кейін сіз жаза аласыз

   Менің парақшама қош келдіңіздер!

   Әрқашан жабу тегін қою керек, әйтпесе веб-парақтағы барлық мәтін асыра жазылады!

9. 

   Веб-парақтың мазмұнына енетін тағы бір тег

   немесе абзац тегтері. Тақырыптан кейін сіз кіре аласыз

   . Мен веб-сайт жасауды үйреніп жатырмын! WikiHow ережелері! Егер сіз парақта жаңа жол жасағыңыз келсе, орау тегін қолданыңыз
   .

10. 

    Тек қарапайым мәтіні бар веб-сайт қызықсыз. Сонымен, бірнеше форматты енгізейік. Карта қалың мәтінге, көлбеу жазу үшін және астын сызу. Жабылатын тегті ұмытпаңыз!

11. 

    Веб-сайтты шынымен қызықтыратын нәрсе - суреттер. Мәтін форматталған болса да, ешкім парақты барлық мәтін ретінде көргісі келмейді. Картаны қолданыңыз суреттерді кірістіру үшін. Бірақ негізгі тег сияқты, бұл тег қосымша ақпарат қажет. Img тэгі келесідей болады: Src деректері (қайнар көзі: дереккөз) - кескіннің аты. Ені мен биіктігінің артында суреттің пиксельдегі ені мен биіктігі болады.

12. 

    Бітуге сәл қалды бітейін деп қалдым! Егер сіз келушілердің бірнеше бетті көре алуын қаласаңыз, тегті қолданыңыз: Басқа беттер Тегтегі мазмұн пайдаланушының келесі бетке өту үшін нені басатынын білдіреді, ал href бөлімі сол параққа сілтеме болып табылады. Бұл тег арқылы сіз өзіңіздің веб-сайтыңыздағы пайдаланушыларды оңай көрсете аласыз.

13. 

    Аяқтау үшін негізгі тегті аяқтау керек және барлық веб-парақты тегтер бойынша

14. 

    .Html 'кеңейтілімімен файлды сақтаңыз. Содан кейін file.html файлын сүйікті шолғышта ашып, оның қалай жұмыс істейтінін көріңіз. Құттықтаймыз! Сіз жаңа ғана сайт жасадыңыз.

15. 

    Егер сіз веб-сайтыңызды желіде жариялағыңыз келсе, домендік атауымен веб-сайтты қалай құруға болатындығын біліңіз. жарнама

Кеңес

• Интернеттен көптеген карталарды таба аласыз. Адамдарға веб-сайт құруды үйренуге көмектесетін көптеген пайдалы веб-сайттар бар (W3Schools - солардың бірі).
• Жабуды қолдануды ұмытпаңыз.
• Әрқашан картаға тапсырыс бергеніңізге көз жеткізіңіз бірінші жолда, тегтің алдында Сіздің сайтыңыз HTML5 стандарты екенін шолушыға хабарлаңыз.
• Қаріпті тегтермен өзгертуге болады бұрын содан соң . N - «Verdana» сияқты қаріптерді білдіреді.
• Егер сіз веб-парақта арнайы таңбаларды қолданғыңыз келсе, & lt (<), & gt (>), & amp (ampersand) және т.с.с. теріңіз, кодтың соңы МІНДЕТТІ ҮТІР ҮНДІ «» «БОЛУЫ КЕРЕК.
• HTML оқулықтарында қалталар мен веб-файлдардың аттары әрдайым кіші әріптермен, екпінсіз орналастырылады. Windows кеңістікті пайдалануға рұқсат бергенімен, көптеген веб-хостинг-провайдерлер бұған жол бермейді, сондықтан сіз уақытты және қиындықты бірінші кезекте қажетті файл мен қалта аттарымен үнемдейсіз.