Тез-тез HTML үйренеміз (1-сабақ)
Алдыңғы жазбаларда HTML мен CSS тақырыбында жазып жүрсем де, көпшілігі түсініп, алып кетпеп еді. Иә ол орынды сияқты, қазір сол жазбаларды өзім оқып қарасам не жазып қойғанымды әзер түсінемін. Тым шашыраңқы жүйесіз жазыппын. Енді бүгіннен бастап жүйелі түрде біртіндеп басынааан бастап жазатын боламын. Неден бастау керек, қалай жазу керек, қалай сақтап, қалай ашу керек соның бәрін шамам келгенше түсінікті тілмен жазып шықпақшымын.
Теория:
HTML дегеніміз не?
HyperText Markup Language қысқартып айтқанда HTML — логикалық белгілеу тілі. Ол әсте бадарламалау тілі емес, ол жәй тек құжаттың қай жері бас, қай жері дене, қайсысы тақырып, қай мәтін қалыңдатылып жазылу керек, т.с.с. белгілеп, қоршауға арналған тіл. W3C консорциумның өнімі, интернеттегі барлық дерлік web құжаттардың негізі болып табылады.Сенбесеңдер қараңдар, осы айтабер сайтының HTML тегтерін көру үшін браузерде Просмотр код страницы дегенді бассаңыз айтабер сайтының ішеқ қарны ақтарыла қалады.
HTML-тілін 1990 жылы Тим Бернерс-Ли (Tim Berners-Lee) деген ғалым ойлап шығарған. HTML — синтаксисі өте қарапайым, игеруге өте оңай тіл. Қорқатын ештеңесі жоқ.
Тег (tag) дегеніміз не?
Тег — сөзі жалпы белгілеу, ерекшелеу, кілт сөз дегенді білдіреді. HTML тегтері деген сөз HTMLдің белгілеуге арналған кілт көздері дегенді білдіреді. Яғни сіз потс не пікір жазғанда бір сөзді қалыңдатқан кезде белгілеген сөзіңіз<strong></strong>Ең қажетті, құжатта болу міндетті тегтер
Құжатта міндетті түрде мына тегтер болуы керек:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Құжат тақырыбы</title>
</head>
<body>
Негізгі мәтін
</body>
</html><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html></html><head></head>head сөзін ағылшын тілінен тіке аударғанда бас дегенді білдіреді. Иә бұл тег веб құжаттың басы. Бұл тегде құжаттағы мәліметтерге, браузерге, ізбеу боттарына қатысты мәліметтер орналасады. Құжатта бұл тегтің болуы міндетті! :) Бұл тегте жазылған мәліметтер (title тегінен басқасы) қолданушыға тікелей көрінбейді.
meta тегі жалпы өзіне көп алып қоятын тегтердің бірі )) бұл тегпен көөөп нәрсені анықтап, жазуа болады. Оларды кейін айтармын, ең бастысы charset=utf-8 деген жері. Яғни құжат utf-8 кодировкасында жазылған деп айтып тұр браузерге. (неге utf-8? utf-8 кодировкасында қазақ тілінде жазу ыңғайлы уооот). Ощм бұл тег head тегінің ішінде орналасады. Басқа жерде емес имынны head тегінің ішінде орналасуы керек.<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
.
Бұл да head тегінің ішінде орналасатын тег. Бұл тегпен құжаттың тақырыбын жазамыз.<title>Құжат тақырыбы</title>
<body>Негізгі мәтін</body>Түсінбедім дегендерге суретпен көрсетейін. HTML құжатты жалпы адам ретінде қарастырсақ, онда былай болады.
Яғни адам
- адам типі DOCTYPE (гуманойд)
- Адам түрі html (сүтқоркеті)
- Адамның басында (head) оның қай тілде сөйлейтіні (meta content=«text/html; charset=utf-8»), хыртым шыртымдары жазылады. Яғни head тегінде жазылған ақпарат не үшін көрінбейді, себебі ол миында жатыр, адамның басындағы миындағы ойындағы ощм басында қандай тарақандары бар екенін біле алмаймыз. (негізі білуге болады ну оны патом)
- Сосын адам денесі body7 неді ол түсінікші шығар, дене кәдімгі дене. басында жалаңаш болады денесі (епті веб құжаттың денесі) сосын оны біз киіндіріп, әдемілейтін боламыз.
Осы теорияны қорытып алыңдар, келесі посттта HTML құжатты құрып, браузерде ашып үйренеміз
51 пікір
универда С++ оқығанбыз, ұмытқаппын ужеееее
Келесі жазбаңды күтеміз
Бірақ потошоп сияқты жарты жолда тастап кетпейсің деген ойдамынәжеңді аясаңшыМиым істейді екен ғҮә!Кеттім екіншіге!