Htmlдеген не? Html не істейді?

Кодтап бастамай тұрып оқып алыңыз!

Html-бағдарламалау тілі емес, біл гипермәтіндік құжаттарды белгілеу, басқаша айтқанда, сіздің мәтіндеріңіз, суреттеріңіз, кестелеріңіз т.б жасауға арналған. 2 + 2 тең қанша болады деген логикалық функция онда жоқ, тек 2 + 2 = 4  болады деген функцияны жазу оңай.

Енді командалар туралы – олар дескрипторлар деп аталады, бірақ көбінесе тегтер деп атайды. Алғашқы жасаған бетімізге оралайық. Біз онда осылай енгізген едік:

<html>

<head>

<title>

Менің алғашқы веб-бетім

</title>

</head>
<body>

Сәлем әлем!!!
<br>
Менің есімім Нұржан, менің алғашқы веб-бетім

</body>

</html>

<…> Арасына жазылғанды тегтер деп атайды, олар веб-бетте көрінбейді, тек олардың қызметі ғана білінеді. </…> Тегтер осылай жабылады.

Сонымен біз не жаздық, браузер оны қалай оқиды?

<html> – Құжаттың басы…

<head> – Ағылшын сөздігін ақтарсақ бас-деген мағынаны білдіреді, мұнда құжат туралы негізгі ақпарат сақталады.

<title>

Менің алғашқы веб-бетім

</title> // тағы да сөздікке, атау? Бұл беттің шапкасының атауы

</head> – оны жабуға да болады, ары қарай…

<body> – сіздің веб-бетіңізде не дизайн көрінеді осының ішіне жазасыз.

Сәлем әлем!!!

<br> – арнайы абзац жасау үшін қолданылады.

Менің есімім Нұржан, менің алғашқы веб-бетім

</body>- Бұл не? Басқа көрсетілмесін деген бұйрық осымен аяқталды!

</html> – бұл соңы…

Біздің бет туралы қысқаша ғана түсіндірілді. Көріп отырғаныңыздай дизайнда қателік орын алса, ол жұмыс істемейді немесе дизайн бұзылады.

Бұзылмас үшін оны өз талаптарына байланысты жазу керек. Қысқаша тоқтала кетсек:

  1. Сіз байқағаныңыздай, әр ашылған тег барда, жабылатын тег болуы керек. Бұндай жағдай кейбір тектерге қажет болмауы мүмкін. Мәселен: <br>. Ия, ол келесі абзацқа жылжытады, ол жабылуды қажет етпейді. Практика жүзінде бетке тағы да текст жазып көріңіз (өзіңіз қалаған текст.) .Блокнотта сақтауды және браузерді жаңартуды ұмытпаңыз. Сіз байқағаныңыздай екі текст бір қатарда орналасқан. Абзац қажет, сіз оған <br>-қолданасыз, тег осындай негізде жазылады, жабылуының қажеті жоқ…

<html>Документтің басталуы

<head>Көмекші тектердің басталуы
</head>Көмекші тегтерді енгізетін орынның жабылуы.
<body>Сізге керекті дизайнды сызатын орынның бастаулы
</body>Сізге керекті дизайнды сызатын орынның жабылуы

</html>Документтің жабылуы…

Бұл тек міндетті түрде жазылады, әрбір бетті ашқанда жазылуы керек, тек осындай бастамамен. Барлығын бірден үйреніп алуға тырыспаңыз.
Ашылатын тег <…> және жабылатын тег </…>-осындай типте жазылады. Басқа тегтерді бір тегтің ішіне салуға болады, қарапайым қораптар тәрізді.

<Тег «үлкен қорап»>

<Тег «орташа қорап»>

<Тег «кіші қорап»>

мәтін

</Тег «кіші қорап» >

</Тег «орташа қорап» >

</Тег «үлкен қорап»>

Барлығы жақсы, ал егер сіз осылай жазған болсаңыз.

<Тег «үлкен қорап»>

<Тег «орташа қорап»>

<Тег «кіші қорап»>

содержание

</Тег «үлкен қорап»>

</Тег «кіші қорап»>

</Тег «орташа қорап»>

Сосын сіз қателлікке ие боласыз. Ортаңғы және кіші үлкенінде, бірақ жабылар кезде ол ең бірінші жабылады, бұлар шашыраңқы орналасқан, тіпті адамға браузер туралы не айту керектігін елестету қиынға соғады. Кодты ақырындап қайта баптаңыз, әйтпесе сіздің код мүлдем жұмыс жасамайды.

Міне, қарапайым мәтін жазуды үйрендік келесі сабақта мен онымен не істеуге болатыны туралы айтамын.

Пайдалы кеңестер:

  1. Сіз беттерді жасағанда, оны дискіңіздегі кез-келген орыннан қалта(папка) ашып, файлдарды сонда сақтаңыз.
  2. Оларға мағыналы атау беру. Мәселен: login.html, register.html-осы тәрізді. Олай жазбаған болсаңыз шатасуларға алып келеді. Бұл кезеңде бұл кеңес практикалық болып көрінбейді, бірақ болашақта маңызды болады, елестетіңізші бір сайт жазып жатырсыз 50-ден астам html-файлдар, сіз оларға сілтеме жасауды ұмытпаңыз, ол үшін атау арқылы ажыратып табасыз.

Кодты жазу кезінде сізге бәрін көрсетілгендей жазуды ұсынамын, яғни баспалдақ арқылы. Уақыт өте келе сіз не оқу керектігін түсінесіз. Төмендегідей:

<html>

<head>

<title>

Менің алғашқы веб-бетім

</title>

</head>
<body>

Сәлем әлем!!!
<br>
Менің есімім Нұржан, менің алғашқы веб-бетім

</body>

</html>

Демек, осылай жазылғаннан қарағанда түсінікті:

<html>

<head>

<title> Нұржан, бұл менің алғашқы веб-бетім </title>

</head>

<body>

Сәлем әлем!!!

<br>

Менің есімім Нұржан, бұл менің алғашқы веб-бетім!</body>

</html>

Және бұдан да:

<html><head><title>Менің алғашқы веб-бетім</title></head><body>Сәлем әлем!!!<br>Меніңесімім Нұржан, бұл менің алғашқы веб-бетім!</body></html>

Бұл әдетке айналғанымен, түсінікті етіп жазған дұрыс.

Пікір үстеу

Э-пошта мекенжайыңыз жарияланбайды. Міндетті өрістер * таңбаланған

You May Also Like

«Мектеп жұмысы мен оқушы жетістіктерін өрістетудегі негізгі тұлға

1.Стронгтың айтуынша: «Мектеп жұмысы мен оқушы жетістіктерін өрістетудегі негізгі тұлға – …………..»…

Социальная столовая

Сегодня, к сожалению, очень много людей, находятся за чертой бедности. В силу…

Жүсіпбек Аймауытов туралы мағлұматтар

Жүсіпбек Аймауытов (1889—1931) — қазақтың көрнекті жазушысы, драматург, публицист, қазақ әдебиетін қалыптастырушылардың бірі. Туып…

Тығыздықты анықтау, физика пәнінен ашық сабақ

Осы сабақта қол жеткізілетін оқу мақсаттары: 7.2.2.15 тығыздықтың формуласын есептер шығаруда қолдану…