Up next
Author
Tags

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>

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

302 comments

  3. hey there and thank you for your information – I have certainly
    picked up anything new from right here. I did however expertise
    several technical issues using this site, as
    I experienced to reload the web site a lot of times previous to I could
    get it to load properly. I had been wondering if your hosting is
    OK? Not that I’m complaining, but slow loading instances
    times will sometimes affect your placement in google and could damage
    your high-quality score if advertising and marketing with Adwords.

    Anyway I am adding this RSS to my email and can look out for
    a lot more of your respective exciting content. Ensure that you update
    this again very soon.. Escape room lista

    Жауап беру

  106. Howdy, I do believe your web site might be having web browser compatibility issues. When I take a look at your blog in Safari, it looks fine however, when opening in Internet Explorer, it has some overlapping issues. I merely wanted to provide you with a quick heads up! Apart from that, excellent blog.

    Жауап беру

  186. Howdy, There’s no doubt that your blog may be having web browser compatibility issues. Whenever I take a look at your blog in Safari, it looks fine however, if opening in Internet Explorer, it’s got some overlapping issues. I merely wanted to provide you with a quick heads up! Apart from that, great website!

    Жауап беру

  204. May I simply just say what a relief to discover somebody who truly understands what they’re discussing on the internet. You certainly understand how to bring an issue to light and make it important. A lot more people really need to read this and understand this side of the story. I was surprised you are not more popular because you certainly possess the gift.

    Жауап беру

  268. Can I just say what a comfort to find an individual who truly understands what they’re talking about over the internet. You definitely know how to bring an issue to light and make it important. More and more people have to check this out and understand this side of the story. I can’t believe you’re not more popular since you most certainly possess the gift.

    Жауап беру

  274. May I simply just say what a comfort to discover somebody that genuinely knows what they are talking about online. You certainly realize how to bring an issue to light and make it important. More people ought to check this out and understand this side of your story. I was surprised you aren’t more popular since you definitely possess the gift.

    Жауап беру
Пікір үстеу

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

You May Also Like

Компютерлік желі дегеніміз не?

Компютерлік желі деп әр-түрлі ресурстарды, мысалы, программаларды, құжаттарды, және принтерларды бірігіп пайдаланатындай…

5 өнертабыстардың олар әлемді өзгертті, Плуг, Шам, Интернет, Компьютер, Доңғалақ

5 өнертабыстардың олар әлемді өзгертті Плуг Салыстырғанда жылтыр электрондық өнертабыстар, өмірімізге бүгін,…

Іс-әрекет туралы жалпы түсінік

Адамның күнделікті өмірдегі жағдайы бұл оның белсенді әрекет үстіндегі жағдайы. Адам үнемі…

Қызыл балық қосылған бутерброд. Дайындау тәсілі

Қызыл балық қосылған бутерброд Қажетті өнімдер: – нан; – майонез; – қызанақ;…