Тәжірибелік жұмыс 1
Компьютерде келешек бет үшін папка құру:D:\алғашқы қадам\
Блокнот ашу және келесі мәтінді көшіру:
Бұл құжатты сақтау, және оған атын қою *.html
D:\алғашқы қадам\index.html
- Файл -> сақтау қалай (File -> Save as)
- Ары қарай құжаттың өз аты енгізіледі, мысалы: index.html
- Егер сіз құжатты , *.html деп сақтасаңыз, онда бұл құжатқа енгізілген Файл -> Сақтау (File -> Save) деп сақтай аласыз.
Браузерді ашу (блокнотты жапаңыз) және браузерде құжатты ашу.
Файл - Ашу - кнопка Обзор - құжат (index.html)
<html>
<head>
<title>Менің алғашқы қадамым </title>
</head>
<body>
Сәлеметсізбе, бұл менің бірінші бетім.
<br>
Хош келдіңіз! :)
</body>
</html>
Тэг мысалы: <br> (мәтінді басқа жолға ауыстыру). Бірнеше тэгті <br> «Хош келдіңіз!» атты құжаттың алдында қою. Сақтаңыз. Не шықанның өзініздің браузерінізде қараңыз.
Суретке назар аударыңыз , мұнда міндетті тэгтер көрсетілген. Міндетті тэгтер деп, әрбір бетке арнайы жазылатын тэгтерді атайды
<html>
Бұл тэг құжатты ашу керек. Егер ашушы тэг болса, онда жабушы да болуы тиіс:
</html>
<br> сияқты кейбір тэгтер, жабушы тэгтерді қажет етпейді.
<html>
<head>
<title>Менің алғашқы қадамым</title>
</head>
<body>
Сәлеметсізбе, бұл менің бірінші бетім.
<br>
Хош келдіңіз! :)
</body>
</html>
<head> </head> - құжат басы
<body> </body> - құжат денесі
Барлық тэгтер <head> </head> арасында орналасқан, бұл қызметті ақпарат сияқты. Мысалға <title>- басы. Неге керек? IE (Internet Explore) құжатты ашып, терезе басына қараңыз.
Барлық тэгтар <body> </body> - тікелей құжаттар мазмұны арасында орналасқан.
<тэг> </тэг> - жай тэг емес, бұл контейнер - тэг, онда басқа тэгтер қамтуы мүмкін (және мәтін).
Назар аударыңыз:
<тэг1><тэг2><тэг3> ... </тэг3></тэг2></тэг1>
Тек осындай ретпен жабу тегтер дұрыс: тэг, бірінші ашылған тэг – ақырғы жабамыз, екіншісі – алдынғы және т.б.
Яғни мынадай тізбегі жағымсыз болып табылады және шынайы емес, ол сіздің бетінде қателер әкелуі мүмкін:
<тэг1><тэг2><тэг3> ... </тэг3></тэг1></тэг2>
Сондықтан сақ болыңыз, өз беттерінде кодты абайлап және ойланып жазу керек.