Html тілінің КӨмегімен web-парақтарды қҰРУ

Гиперсілтемені анықтау үшін

жүктеу/скачать 2.21 Mb.

бет	2/2
Дата	06.09.2022
өлшемі	2.21 Mb.
	#460334

1 2


Гиперсілтемені анықтау үшін: Көшетін екінші құжатқа қыстырма жасайды Қыстырма жасалғаннан кейін сақтайды Гиперсілтеме жасалынатын сөзді белгілеп, гиперсілтемені жасайды Қосымша терезе ашылады HTML ТІЛІНІҢ ТЭГТЕРІ (командалары) HTML тілінің бастапқы мәтінді белгілейтін командалары тэг (tag) деп аталады Тэг символдар тізбегінен тұрады. Барлық тэг «кіші» (<) символынан басталады да, «үлкен» (>) символымен аяқталады HTML тіліндегі әрбір тэг бір арнаулы қызмет атқарады Ашылатын бұрыштық жақшадан соң команда аты болып табылатын түйінді сөз – тэг орналасады Мәтіндік редакторлар ішінде Блокнот редакторы жиі қолданылады Блокнот редакторы терезесінде төмендегі көрсетілген қарапайым HTML файлының мәтінін теру керек: алғашқы </li> <li>HTML файлы Сәрсенбі күнгі сабақ кестесі
Құжаттың денесі
	Бос жол қою
	Батырма

Кестеге не суретке тақырып беру

HTML тілінің жиі кездесетін элементтері

	Жиектеріне қатысты ортаға қою

Кестенің бағаны
	Мәтінді ерекшелеу
	Объектіні еңгізу
	Қаріптің локальді өзгеруі
	Басқару элементтері бар форманы құру
	Фреймді құру
	Фреймдар жиыны
-	Құжаттың тақырыптары 1-ден 6-деңгейге дейін
	Құжаттың тақырып бөлімі
	Көлденең жол
	HTML құжат
	Курсивпен жазу

</li> </ul> </td> <td> <ul> <li>Қалқымалы фрейм</li> </ul> </td> </tr> <tr> <td> <ul> <li><ILAYER></li> </ul> </td> <td> <ul> <li>Қабат </li> </ul> </td> </tr> <tr> <td> <ul> <li><img></li> </ul> </td> <td> <ul> <li>Кескін, видеоролик, анимация қою</li> </ul> </td> </tr> <tr> <td> <ul> <li><INPUT></li> </ul> </td> <td> <ul> <li>Еңгізу <a href="/fauuletet-obshestvennoe-zdravoohranenie.html">элементі</a></li> </ul> </td> </tr> <tr> <td> <ul> <li><LABEL></li> </ul> </td> <td> <ul> <li>Форманың элементіннің жазуы</li> </ul> </td> </tr> <tr> <td> <ul> <li><LAYER></li> </ul> </td> <td> <ul> <li>Қабат</li> </ul> </td> </tr> <tr> <td> <ul> <li><li></li> </ul> </td> <td> <ul> <li>Тізімнің жолдары</li> </ul> </td> </tr> <tr> <td> <ul> <li><link></li> </ul> </td> <td> <ul> <li>Құжаттар арасындағы қатынасты анықтау </li> </ul> </td> </tr> <tr> <td> <ul> <li><MARQUEE></li> </ul> </td> <td> <ul> <li>Жүгіртпе жол</li> </ul> </td> </tr> <tr> <td> <ul> <li><MENU></li> </ul> </td> <td> <ul> <li>Меню тізімін құру</li> </ul> </td> </tr> <tr> <td> <ul> <li><MULTICOL></li> </ul> </td> <td> <ul> <li>Көп колоналы мәтін </li> </ul> </td> </tr> <tr> <td> <ul> <li><NOBR></li> </ul> </td> <td> <ul> <li>Бос жолды алып тастау</li> </ul> </td> </tr> <tr> <td> <ul> <li><OBJECT></li> </ul> </td> <td> <ul> <li>Құжатқа тәуелсіз объектіні қосу</li> </ul> </td> </tr> <tr> <td> <ul> <li><ol></li> </ul> </td> <td> <ul> <li>Нөмірленген тізімді қосу</li> </ul> </td> </tr> <tr> <td> <ul> <li> <br /></li> </ul> </td> <td> <ul> <li>Мәтіннің абзацы</li> </ul> </td> </tr> </table> <table> <tr> <td> <ul> <li><SCRIPT></li> </ul> </td> <td> <ul> <li>Сценарийлерді қосу</li> </ul> </td> </tr> <tr> <td> <ul> <li><STYLE></li> </ul> </td> <td> <ul> <li>Құжатқа стильдік ережелерді қосу</li> </ul> </td> </tr> <tr> <td> <ul> <li><sub></li> </ul> </td> <td> <ul> <li>Төменгі индекс</li> </ul> </td> </tr> <tr> <td> <ul> <li><SUP></li> </ul> </td> <td> <ul> <li>Үстіңгі индекс</li> </ul> </td> </tr> <tr> <td> <ul> <li><table><tr><td></li> </ul> </td> </td></tr><tr><td> <ul> <li>Кесте құру</li> </ul> </td> </tr> <tr> <td> <ul> <li><td></li> </ul> </td> <td> <ul> <li>Кестенің ұяшықтары</li> </ul> </td> </tr> <tr> <td> <ul> <li><TEXTAREA></li> </ul> </td> <td> <ul> <li>Мәтінді еңгізуге арналған көп жолды аумақ</li> </ul> </td> </tr> <tr> <td> <ul> <li><TH></li> </ul> </td> <td> <ul> <li>Кестенің тақырыбын беретін ұяшық</li> </ul> </td> </tr> <tr> <td> <ul> <li><TITLE></li> </ul> </td> <td> <ul> <li>Құжаттын атауы</li> </ul> </td> </tr> <tr> <td> <ul> <li><tr></li> </ul> </td> <td> <ul> <li>Кестенің жолы</li> </ul> </td> </tr> <tr> <td> <ul> <li><u></li> </ul> </td> <td> <ul> <li>Асты сызылған қаріп</li> </ul> </td> </tr> <tr> <td> <ul> <li><ul></li> </ul> </td> <td> <ul> <li>Маркерленген <a href="/programmalau-tilinde-programma-kodin-ru.html">тізімді құру</a></li> </ul> </td> </tr> <tr> <td> <ul> <li><VAR></li> </ul> </td> <td> <ul> <li>Курсивпен еңгізілетін айнымалыны білдіретін логикалық элемент</li> </ul> </td> </tr> </table> <ul> <li><i><b>ТЭГТЕРДІҢ АТРИБУТТАРЫ</b></i></li> </ul> <ul> <li><i>Тэг атрибуттары</i></li> </ul> <ul> <li> Көбінесе ашылу тэгіне әсер ететін түрлендірулер атрибуттары болады. Атрибуттар немесе сипаттамалар – тэг атауынан және бір-бірінен бос орын арқылы бөлініп жазылған қосымша түйінді сөздерден тұрады</li> </ul> <h2>Көбінесе атрибуттардың мәнін жазу керек болады. Атрибут мәні – оның түйінді сөзінен теңдік «=» белгісі арқылы бөлініп жазылады. </h2> <span id='Атрибут_мәні_(“”)_алынып_жазылуы_тиіс,_бірақ_та_оны_қолданбай-ақ_қоюға_болады._Ал_жабу_тэгінде_атрибуттар_болмайды.'><h2>Атрибут мәні (“”) алынып жазылуы тиіс, бірақ та оны қолданбай-ақ қоюға болады. Ал жабу тэгінде атрибуттар болмайды.</span></h2> <ul> <li><i><b>МӘТІНДІ БЕЗЕНДІРУ</b></i></li> </ul> <h2><b>Мәтінді абзацтарға бөлу</b></h2> <ul> <li><b>Оның ең қарапайым жолы </b></li> <li><b> <br />ашу тэгін және <br /></b></li> <li><b>жабу тэгтарын қолдану</b></li> <li></li> </ul> <h2><HTML> <HEAD> <TITLE> Абзацтарға бөлу </TITLE> </HEAD> <body> <br />Бірінші абзац <br />Екінші абзац <br />Кез келген мәтінді жазу <HR> <a href="/saba-jospar-mektep-124-jom-kni-11-azan-2018-jil.html">Мәтіннің жалғасы </a></b>жазуы құжаттың фонының түсінің ақ екендігін көрсетеді </li> </ul> <ul> <li><i><b>Тізімдер</b></i></li> </ul> <ul> <li><b><ul> - маркерленген тізім</b></li> </ul> <ul> <li><b><ol> - нөмірленген тізім</b></li> </ul> <ul> <li><b><DL> - анықтамалар тізімі</b></li> </ul> <ul> <li><b>Тізімнің тақырыбы міндетті </b></li> <li><b>емес элемент болып табылады және </b></li> <li><b>ол <LH> тэгі арқылы беріледі. </b></li> <li><b>Тізімнің құрамы жолдардан тұрады және </b></li> <li><b>әрбір жол <li> тэгі арқылы беріледі. </b></li> </ul> <ul> <li><b>Маркерленген тізім </b></li> </ul> <ul> <li><b>Үнсіз келісім бойынша маркерлер қара боялған дөңгелекше тәріздес болады, бірақ оның формасын өзгертуге болады. Ол үшін type атрибуты қолданылады.</b> </li> </ul> <ul> <li>Мысалы, оның келесі мәндері бар:</li> <li> <li type=“<b>square</b>>Жаңалықтар - іші боялған шаршы </li> <li><li type=“<b>circle</b>”Жаңалықтар - іші боялмаған дөңгелек</li> </ul> <ul> <li><b>Нөмірленген тізім </b></li> </ul> <ul> <li>type=1 - араб цифрларымен нөмірлеу</li> </ul> <ul> <li>type=А – латынның үлкен әріптерімен</li> </ul> <ul> <li>type=а – <a href="/referat-tairibi-kishi-razryad-jofari-razryad-orindafan-brkitba.html">латынның кіші әріптерімен</a></li> </ul> <ul> <li>type=І – римнің цифрлерінің үлкен сандарымен</li> </ul> <ul> <li>type=і – римнің цифрлерінің кіші сандарымен</li> </ul> <ul> <li> Мысалы, нөмірленген тізімнің түрлері:</li> </ul> <h2><i><b>КЕСТЕЛЕРДІ ҚҰРУ</b></i></h2> <ul> <li>Құжатқа кесте қойған кезде әр кесте</li> <li><b><table></b> тэгі арқылы басталып <b></table></b></li> <li>жабу тэгі арқылы аяқталуы керек. Келесі тэгтер:</li> <li> <b>TR</b> – кестенің жеке жолын құру</li> <li> <b>TD</b> – кестенің жеке ұяшықтарын құру</li> <li> <b>TH</b> – кестенің тақырыптық ұяшығын құру </li> <li> <b>CAPTION</b> – кестенің атауын құруға</li> <li>арналған</li> </ul> <ul> <li><b>Мысалы: </b></li> </ul> <h2><b> Кестенің жалпы параметрлері: </b>(<b>TABLE</b> тэгіне қолданылатын атрибуттар)</h2> <ul> <li>width – кестенің ені </li> </ul> <ul> <li>align – кестені терезеге қатысты туралау </li> </ul> <ul> <li>border – кестенің сыртқы шеркарасы</li> </ul> <ul> <li>bgcolor – кестенің фонының түсі</li> </ul> <ul> <li>bordercolor – шекарасының түсі</li> </ul> <ul> <li> Осы атрибуттарды кестенің ұяшығына, кестенің жолдарына да қолдана беруге болады Мысалы: <tr align=“right”> <td bgcolor=“red”> <TH bordercolor=“blue”></li> </ul> <ul> <li><b>Мысалы: </b></li> </ul> <ul> <li><b>Нәтижесі: </b></li> </ul> <h2><i><b>Графика мен мультимедианы <a href="/web-tehnologiyalar-peni-bojinsha-5v060200--informatika-mamandi.html">web - параққа қою</a></b></i></h2> <h2><b>Web-ке арналған графикалық файлдардың форматтары</b></h2> <ul> <li><b>GIF</b> (Graphics Interchange Format – алмасудың графикалық форматы), кеңейткіші- .gif</li> </ul> <ul> <li><b>JPEG</b> (Joint Photographic Expert Group – фотосуреттер эксперттерінің біріккен тобы), кеңейткіші- .jpg және .jpeg</li> </ul> <ul> <li><b>PNG</b> (Portable Network Graphics – тасымалданатын желілік графика), кеңейткіші- .png</li> </ul> <ul> <li><b>Кескінді параққа қою</b></li> </ul> <ul> <li><b>Оның ең қарапайым жолы </b></li> <li><b> <img> тэгін қолдану</b></li> <li></li> </ul> <ul> <li><b>Сурет арқылы аудио не видео файлға сілтеме жасау</b></li> </ul> <ul> <li><b>Мына суретке шертсе</b></li> <li><b> видео файл ойнатылады</b></li> </ul> <ul> <li><b>Келесі ойнатқыш терезесі шығады</b></li> </ul> <ul> <li><i><b>ФРЕЙМДЕРГЕ БӨЛУ</b></i></li> </ul> <ul> <li><b>Оның ең қарапайым жолы </b></li> <li><b><body> тэгінің орнына</b></li> <li><b> <FRAMESET> тэгін қолдану</b></li> <li></li> </ul> <ul> <li><b>Ал фреймнің ішіндегілері</b></li> <li><b> <FRAME> <a href="/ouli-sozdikter-mazmndi-suret-rt-jasau.html">тэгі арқылы </a></b></li> <li><b>анықталады</b></li> <li></li> </ul> <ul> <li><HTML> <HEAD> <TITLE> Тік фреймдар </TITLE> </HEAD> <FRAMESET cols=“20%,55%,*”> <FRAME src=“lime.html”> <FRAME src=“yellow.html”> <FRAME src=“cyan.html”> </FRAMESET </HTML> </li> </ul> <ul> <li><b>Мысалы: </b></li> </ul> <ul> <li> </li> </ul> <ul> <li><b>cols</b> – тік фреймдердің санын береді</li> </ul> <ul> <li><b>rows</b> – көлденең фреймдер санын</li> </ul> <ul> <li><b><FRAMESET> тэгіне қолданылатын атрибуттар</b></li> </ul> <ul> <li><b>lime yellow cyan </b></li> </ul> <ul> <li><b>Cуреттегідей үш</b></li> <li><b> тік фреймдерге бөледі</b></li> </ul> <ul> <li><b>Тік және көлденең</b></li> <li><b>фреймдердің бірге </b></li> <li><b>қолданылуына мысал:</b></li> <li></li> </ul> <ul> <li> <HTML> <HEAD> <TITLE> Фреймдар </TITLE> </HEAD> <FRAMESET rows=“50%,*” cols=“30%, *, 30%”> <FRAME src=“lime.html”> <FRAME src=“yellow.html”> <FRAME src=“cyan.html”> <FRAME src=“white.html”> <FRAME src=“aqua.html”> <FRAME src=“red.html”> </FRAMESET </HTML> </li> </ul> <ul> <li><b>Lime </b></li> </ul> <ul> <li><b>Yellow</b> </li> </ul> <ul> <li><b>Cyan</b> </li> </ul> <ul> <li><b>White </b></li> </ul> <ul> <li><b>Aqua </b></li> </ul> <ul> <li><b>Red </b></li> </ul> <ul> <li><b>Cуреттегідей тік және</b></li> <li><b>көлденең фреймдерге бөледі</b></li> </ul> <ul> <li><b>Lime </b></li> </ul> <ul> <li><b>Yellow</b> </li> </ul> <ul> <li><b>Cyan</b> </li> </ul> <ul> <li><b>White </b></li> </ul> <ul> <li><b>Aqua </b></li> </ul> <ul> <li><b>Red </b></li> </ul> <ul> <li><b>Lime </b></li> </ul> <ul> <li><b>Yellow</b> </li> </ul> <ul> <li><b>Cyan</b> </li> </ul> <ul> <li><b>White </b></li> </ul> <ul> <li><b>Aqua </b></li> </ul> <ul> <li><b>Red </b></li> </ul> <ul> <li><b>Мына</b></li> <li><b>суретке шертсеңіз</b></li> <li><b> осы парақты браузер</b></li> <li><b> <a href="/arnaji-poshta-bafdarlamasimen-tanisu-dynamics-365-customer-eng.html">арқылы көресіз</a></b></li> </ul> <ul> <li><i><b>Практикалық жұмыстар мен бақылау сұрақтары</b></i></li> </ul> <ul> <li><i><b>Бір мысалды қарастырайық: <HTML> <HEAD></b> <b><TITLE></b></i> Интернетке саяхат <i><b></TITLE> </HEAD> <body> </b></i>Интернетке хош келдініздер! </<b>BODY> </HTML></b></li> </ul> <ul> <li><b> Блокнотта HTML кодын жазу</b></li> </ul> <ul> <li><b>Блокнотта жазған кодты <u>htm</u> </b></li> <li><b> кеңейткішімен сақтау</b></li> </ul> <ul> <li>Сақталған файлды таңдау</li> </ul> <ul> <li><i><b><HTML> <HEAD></b></i> жалпы тақырып <i><b><TITLE></b></i> терезе тақырыбы <i><b></TITLE> </HEAD> <body> <h2></b></i> 1-ші деңгейдегі бос тақырып мәтіні <i><b></h2></b> <b><h2></b></i> 2-ші деңгейдегі ішкі тақырып мәтіні <i><b></h2></b> <b> <br /></b> </i>абзац басы тәгі, жол арасына бос орын қалдырады. <i><b><HR></b></i> горизанталь сызықтан кейінгі мәтін <i><b> <br /></b></i> <a href="/saba-bolim-jazbasha-kobejtu-jene-bolu-mfalimni-ati-joni.html">екі жолға бөлу </a><b> ... <HR COLOR = RED SIZE=16 WIDTH=100%>... </li> </ul> <ul> <li><i><b>Бақылау </b></i></li> <li><i><b>сұрақтары:</b></i></li> </ul> <ul> <li> HTML тілі қандай тіл, атқаратын</li> <li> қызметі қандай?</li> <li> HTML тілінің қандай негізгі </li> <li> ұғымдары бар?</li> <li> WWW қазақ тіліне қалай </li> <li> аударылады?</li> <li> Web-парақ дегеніміз не?</li> <li> HTML тілі қандай хаттаманың пайда </li> <li> болуына байланысты шықты?</li> </ul> <ul> <li> Тэг дегеніміз не?</li> <li> Атрибут дегеніміз не?</li> <li> Мәтінді безендіру үшін қандай </li> <li> тэгтер мен атрибуттар қолданылады?</li> <li> Кестелерді құруға арналған </li> <li> тэгтер мен атрибуттарын ата.</li> <li> Кескінді параққа қоюға </li> <li> арналған тэг қандай?</li> <li> Фреймдерге бөлуге қолданылатын</li> <li> тэгтер мен атрибуттарды ата.</li> </ul> <ul> <li></li> </ul> </body></body></frame></frame></frame></frame></frame></frame></frame></frame></frame></frameset></html></frame></frameset></body></th></lh></dl></body></html></var></th></textarea></sup></sub></style></script></object></nobr></multicol></menu></marquee></link></layer></label></input></ilayer>

жүктеу/скачать 2.21 Mb.

Достарыңызбен бөлісу:

1 2

©dereksiz.org 2024
әкімшілігінің қараңыз

Басты бет