HTML-тілінде Web-парақтар құру презентация

Содержание

Слайд 2

Дәріс жоспары

1. HTML - тілімен танысу
2. Мәтінге байланысты тегтермен танысу
3. Түстерді беру
4.

Web-параққа графика орналастыру
5. Кесте құру
6. Фондық графика және пошталық жәшікке сілтеме құру
7. Гипермәтіндік байланыстарды құру
8. Өзіндік жұмыс

Слайд 3

HTML (Hypertext Markup Language – гипермәтінді белгілеу тілі) тілі World Wide Web (WWW)

жүйесінде гипермәтіндік құжаттарды дайындау үшін құрастырылған. Бұл тіл World Wide Web қызметімен бірге пайда болды және бірге дамып келеді. HTML- тілінің көмегімен көркем, қызықты WEB - парақтарды құруға болады. HTML тілі бастапқы мәтіндік құжатқа енгізілетін және осы құжаттың дисплей экранындағы көрінісін басқаруға мүмкіндік бере-тін бірнеше командалардың жиынтығы болып табылады.

HTML-тілі

Слайд 4

Гипермәтіндік құжат – бұл қосымша элементтерді бас-қаратын, яғни құру, иллюстрация, мультимедиялық орнату-лары және

басқа құжаттарға гиперсілтемелері бар арнайы код-тар орнатылған құжат. Internet – ке бұндай WEB – парақтар файлдарды WEB-серверлерге орналастыру арқылы жарияла-нады. Өте ұлкен құжаттарды беру үшін HTTP (Hyper Text Transfer Protocol) хаттамасы қолданылады. Internet – те құжат URL (Uniform Resourse Locator) деп аталатын адреспен ізделі-неді. URL көп жағдайда келесі формаға ие болады:
protocol://host.domain//directory/file.name
мұндағы: protocol - TCP/IP хатамасы, ресурс алуға қолданады
host.domain – ресурс орналасқан хост-компьютердің домендік атауы.
host.directiry – ресурс бар хост директорий
file.name - ресурс файлының атауы.

Слайд 5

HTML командалары тегтер (tag) деп аталатын элементтердің көмегімен тапсырылады. Әр тегтің арнайы функциясы

болады. Тегтердің екі түрі болады:
• бірэлементті тег, ол қандай-да бір әрекетті аяқтау үшін мәтінге қойылады;
• қос тег, ол ашатын және жабатын тегтерден тұрады.
Ашатын тег эффект құрайды, ал жабатын тег оның әреке-тін тоқтатады. Жабатын тегтер қисық сызық (/) белгісімен басталады.
HTML құжаты негізгі мәтіннен және белгілеу тег-терінен тұрады. HTML құжаты – ол кеңейтілу аты .htm болатын әдеттегі мәтіндік файл. Оны құру үшін кез келген мәтіндік редакторын қолдануға болады. Ал құрылған Web – парақтың нәтижесін көруге Microsoft Internet Explorer браузерін қолдануға болады.

Слайд 6

    информатика   1-ші курс студенті

Негізгі HTML - файлының түрі:

Блакнотқа

енгізіп, Internet Explorer браузерінде ашсақ тегінде орналасқан Информатика терезенің тақырып қатарына, <BODY> тегінде орналасқан 1-ші курс студенті терезенің жұмыс аймағында орналасады.<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide7" class="slides-item"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/355888/slide-6.jpg" target="_blank" rel="noopener">Слайд 7</a><h3 class="slides-content text-center font-bold"><div><p>Мәтін үзінділерін ерекшелеу<br> Мәтін үзінділерін ерекшелеу тэгтері жеке символдар мен сөздердің бейнелеуін басқаруға мүмкіндік</div></h3></h3><!----><!----><div class="slides-content">береді. <br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide8" class="slides-item"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/355888/slide-7.jpg" target="_blank" rel="noopener">Слайд 8</a><h3 class="slides-content text-center font-bold"><div><p>Шрифт өлшемін, гарнитурасын және түсін беру<br><FONT> тегі гарнитурамен және мәтін түсімен өлшемді басқару</div></h3></h3><!----><!----><div class="slides-content">мүмкіндіктерінен тұрады. Шрифт гарнитурасын өзгерту <FONT> тегіне FACE атрибутын қосу арқылы жүзеге асады. SIZE атрибуты 1-ден 7-ге дейінгі шрифт өлшемін көрсетеді. Шрифт түсін өзгерту үшін <FONT> тегінде COLOR = “түс” атрибутын қолдануға болады. <br>Мысалы: <FONT FACE=”ARIAL” COLOR=blue size=7> 1-ші курс студенті </FONT> <br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide9" class="slides-item"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/355888/slide-8.jpg" target="_blank" rel="noopener">Слайд 9</a><h3 class="slides-content text-center font-bold"><div><p>Түстерді 16-сандармен беру<br><p>Түсті әрқайсысы О-дан ҒҒ-қа дейінгі мәнге ие болатын, жіктелген үш құ-рамға</div></h3></h3><!----><!----><div class="slides-content">бөліп көрстеуге болады: қызыл (R-Red), жасыл (G-Green), көк (B-Blue). RGB деп аталатын форматпен жұмыс істейтін боламыз. RGB фор-матында түстерді мына файлдан көре аламыз <br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide10" class="slides-item"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/355888/slide-9.jpg" target="_blank" rel="noopener">Слайд 10</a><h3 class="slides-content text-center font-bold"><div><p>Web-парақта графиканы орналастыру<br> <IMG> тегі құжатқа бейне енгізуге мүмкіндік береді. Ол төменде сипатталған</div></h3></h3><!----><!----><div class="slides-content">көптеген атрибуттардан тұрады. <br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide11" class="slides-item"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/355888/slide-10.jpg" target="_blank" rel="noopener">Слайд 11</a><!----></h3><!----><!----><!----><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide12" class="slides-item"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/355888/slide-11.jpg" target="_blank" rel="noopener">Слайд 12</a><h3 class="slides-content text-center font-bold"><div><p>Кестелер<br> Кестелер HTML құжатының маңызды бөлігі болып табылады. Ол тік бағандар мен көлденең жолдардан</div></h3></h3><!----><!----><div class="slides-content">тұратын тікбұрышты тор. Ұяшық мәтіннен, графикадан немесе басқа кестеден тұруы мүмкін. Кесте негізгі үш бөліктен тұрады: <br>кесте атауынан;<br>бағандар тақырыбынан;<br>ұяшықтардан;<br>Кесте жолдар бойымен толтырылады (солдан оңға қарай жол бойымен және келесі жолға көшу арқылы). Әрбір ұяшық толтырылған болуы тиіс.<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide13" class="slides-item"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/355888/slide-12.jpg" target="_blank" rel="noopener">Слайд 13</a><!----></h3><!----><!----><!----><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide14" class="slides-item"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/355888/slide-13.jpg" target="_blank" rel="noopener">Слайд 14</a><h3 class="slides-content text-center font-bold"><div><p>Фондық графика және түс<br> Фондық бейне – бұл кішкене тікбұрышты плашкасы бар графикалық файл.</div></h3></h3><!----><!----><div class="slides-content">Браузерде қарау барысында бұл плашка терезелер өлшеміне тәуелсіз, барлық терезелерді толтыра отырып, бірнеше рет қайталанады. Фондық графи-ка <BODY> тегінде беріледі.<br><BODY BACKGROUND=”BGR.GIF”> … </BODY><br>Фондық түс беру үшін <BODY BGCOLOR=түс > тегін қолданамыз.<br>Пошталық жәшікке сілтеме<br>Пошталық жәшікке сілтеме жасау келесі түрде жазылады: <A HREF=mailto:адрес_e-mail>сілтеме мәтіні</A><br>Мұнда адрес_e-mail орнына пошталық жәшік адресін қою керек. <br> <A HREF=mailto:sidorov@mail.msiu.ru> Пошта </A><br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide15" class="slides-item"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/355888/slide-14.jpg" target="_blank" rel="noopener">Слайд 15</a><h3 class="slides-content text-center font-bold"><div><p>Гипермәтіндік байланыстарды құру<br> HTML тілінің маңызды қасиеті – құжат ішіне басқа құжаттарға сілтеме қосу</div></h3></h3><!----><!----><div class="slides-content">мүмкіндігі болып табылады. Сілтеме ретінде мәтінді немесе графиканы қолдануға болады. Сілте-ме түсін өзгерту үшін <BODY> тегінің LINK және VLINK атрибуттары қолданылады. Басқа құжатқа сілтеме құру үшін <A> тегін HREF атрибутымен бірге қолдану керек.<br><A HREF = “file.htm”> сілтеме </A><br><p>Жүгірме жол <br>Жүгірме жол орналастыру үшін мына тегті қолданамыз.<br><MARQUEE> Менің алғашқы WEB-парағым</ MARQUEE ><br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide16" class="slides-item"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/355888/slide-15.jpg" target="_blank" rel="noopener">Слайд 16</a><!----></h3><!----><!----><!----><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide17" class="slides-item"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/355888/slide-16.jpg" target="_blank" rel="noopener">Слайд 17</a><h3 class="slides-content text-center font-bold"><div><p>Өзіндік жұмыс<br><p>Тег дегеніміз не?<br>Мәтінді көркемдейтін тег және оның атрибуттары<br>Кесте калай құрылады?<br>Гиперсілтеме деген не?</div></h3></h3><!----><!----><div class="slides-content"><br>Қандай тегтің көмегімен сілтеме құруға болады?<br>Түстерді беру түрлері қандай?<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><!----></div><!--]--></div><div class="section"><div></div></div><form id="download" action="/api/" method="post" class="download"><!----><div class="download-description"> Имя файла: HTML-тілінде-Web-парақтар-құру.pptx <br> Количество просмотров: 19 <br> Количество скачиваний: 0</div><button class="download-btn" type="submit">Скачать</button><!----></form><div class="navigation"><div class="navigation-item"><div>- Предыдущая</div><a href="/literatura/a-m-volkov-volshebnik-izumrudnogo-goroda" class="navigation-link">А. М. Волков Волшебник изумрудного города</a></div><div class="navigation-item"><div>Следующая -</div><a href="/filosofiya/nachalo-filosofii-antichnaya-filosofiya-osnovnye-etapy" class="navigation-link">Начало философии. Античная философия. Основные этапы развития философии. Лекция 2</a></div></div></div></div><div class="item-layoutRelated"><div class="section"><div></div></div></div></div><div class="item-layout"><div class="related"><h2 class="related-header">Похожие презентации</h2><div class="related-wrapper"><!--[--><div class="related-item"><a href="/informatika/video-game-design-history-istoriya-sotvoryonnaya" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/292851/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/292851/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/292851/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/292851/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/292851/slide-0.jpg 1440w" class="slides-image related-itemImage"> Video Game Design History. История, сотворённая на наших глазах</a></div><div class="related-item"><a href="/informatika/graficheskie-redaktory-3" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/150900/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/150900/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/150900/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/150900/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/150900/slide-0.jpg 1440w" class="slides-image related-itemImage"> Графические редакторы</a></div><div class="related-item"><a href="/informatika/ponyattya-pro-movu-rozmtki-gpertekstoviy-dokument-1" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/362156/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/362156/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/362156/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/362156/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/362156/slide-0.jpg 1440w" class="slides-image related-itemImage"> Поняття про мову розмітки, гіпертекстовий документ та його елементи</a></div><div class="related-item"><a href="/informatika/tehnicheskie-sredstva-zashchity-informatsii-tehnicheskie-kanaly" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/13739/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/13739/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/13739/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/13739/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/13739/slide-0.jpg 1440w" class="slides-image related-itemImage"> Технические средства защиты информации. Технические каналы утечки информации. (Лекция 2)</a></div><div class="related-item"><a href="/informatika/instruktsiya-po-poisku-informatsii-v-baze-4" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/362841/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/362841/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/362841/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/362841/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/362841/slide-0.jpg 1440w" class="slides-image related-itemImage"> Инструкция по поиску информации в базе данных GeoRef</a></div><div class="related-item"><a href="/informatika/metody-i-sredstva-zashchity-informatsii-destabiliziruyushchee" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/255286/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/255286/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/255286/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/255286/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/255286/slide-0.jpg 1440w" class="slides-image related-itemImage"> Методы и средства защиты информации. Дестабилизирующее воздействие и несанкционированный доступ к информации</a></div><div class="related-item"><a href="/informatika/programmirovanie-na-algoritmicheskom-yazyke-7-klass-1" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/605105/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/605105/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/605105/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/605105/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/605105/slide-0.jpg 1440w" class="slides-image related-itemImage"> Программирование на алгоритмическом языке (7 класс)</a></div><div class="related-item"><a href="/informatika/forma-i-yazyk-predstavleniya-informatsii" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/372464/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/372464/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/372464/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/372464/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/372464/slide-0.jpg 1440w" class="slides-image related-itemImage"> Форма и язык представления информации</a></div><div class="related-item"><a href="/informatika/podgotovka-k-ege-po-informatike-zadachi" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/444683/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/444683/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/444683/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/444683/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/444683/slide-0.jpg 1440w" class="slides-image related-itemImage"> Подготовка к ЕГЭ по информатике. Задачи с функциями.</a></div><div class="related-item"><a href="/informatika/regulyarnye-vyrazheniya-9" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/298694/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/298694/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/298694/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/298694/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/298694/slide-0.jpg 1440w" class="slides-image related-itemImage"> Регулярные выражения</a></div><div class="related-item"><a href="/informatika/upravlnnya-danimi-fayli--faylov-sistemi" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/88243/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/88243/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/88243/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/88243/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/88243/slide-0.jpg 1440w" class="slides-image related-itemImage"> Управління даними (файли і файлові системи)</a></div><div class="related-item"><a href="/informatika/osnovy-programmirovaniya-na-vba-visual-basic" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/578663/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/578663/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/578663/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/578663/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/578663/slide-0.jpg 1440w" class="slides-image related-itemImage"> Основы программирования на VBA (Visual Basic for Application). Лекция 5</a></div><div class="related-item"><a href="/informatika/metody-sortirovok-massivov" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/384961/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/384961/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/384961/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/384961/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/384961/slide-0.jpg 1440w" class="slides-image related-itemImage"> Методы сортировок массивов</a></div><div class="related-item"><a href="/informatika/razrabotka-uroka-s-ispolzovaniem-singapurskoy-metodiki-1" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/496904/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/496904/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/496904/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/496904/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/496904/slide-0.jpg 1440w" class="slides-image related-itemImage"> Разработка урока с использованием сингапурской методики по теме Операторы челочисленного деления и деления по модулю</a></div><div class="related-item"><a href="/informatika/prezentatsiya-na-temu-virusy" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/539029/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/539029/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/539029/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/539029/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/539029/slide-0.jpg 1440w" class="slides-image related-itemImage"> презентация на тему вирусы</a></div><div class="related-item"><a href="/informatika/windr-amp-simulator" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/138161/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/138161/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/138161/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/138161/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/138161/slide-0.jpg 1440w" class="slides-image related-itemImage"> WinDr &amp; Simulator</a></div><div class="related-item"><a href="/informatika/osobennosti-testirovaniya-web-arhitektura-klient-server" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/183689/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/183689/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/183689/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/183689/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/183689/slide-0.jpg 1440w" class="slides-image related-itemImage"> Особенности тестирования Web. Архитектура клиент-сервер</a></div><div class="related-item"><a href="/informatika/funktsionalnaya-shema-evm" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/535741/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/535741/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/535741/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/535741/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/535741/slide-0.jpg 1440w" class="slides-image related-itemImage"> Функциональная схема ЭВМ</a></div><div class="related-item"><a href="/informatika/programmnyy-kompleks-scada-sistema-trace-mode" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/116304/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/116304/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/116304/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/116304/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/116304/slide-0.jpg 1440w" class="slides-image related-itemImage"> Программный комплекс Scada система TRACE MODE</a></div><div class="related-item"><a href="/informatika/informatsiya-eyo-vidy-i-svoystva-1" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/238351/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/238351/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/238351/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/238351/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/238351/slide-0.jpg 1440w" class="slides-image related-itemImage"> Информация. Её виды и свойства</a></div><div class="related-item"><a href="/informatika/razrabotka-i-realizatsiya-konfiguratsii-avtoservis-na" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/587992/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/587992/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/587992/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/587992/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/587992/slide-0.jpg 1440w" class="slides-image related-itemImage"> Разработка и реализация конфигурации Автосервис на платформе 1С:Предприятие 8</a></div><div class="related-item"><a href="/informatika/proektirovanie-relyatsionnyh-baz-dannyh-na-osnove-1" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/10081/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/10081/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/10081/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/10081/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/10081/slide-0.jpg 1440w" class="slides-image related-itemImage"> Проектирование реляционных баз данных на основе принципов нормализации. (Лекция 10)</a></div><div class="related-item"><a href="/informatika/4h-strategii-v-kosmose-istoriya-i" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/273508/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/273508/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/273508/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/273508/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/273508/slide-0.jpg 1440w" class="slides-image related-itemImage"> 4Х стратегии в космосе: история и популярность на примере Master of orion и stellaris</a></div><div class="related-item"><a href="/informatika/protsessy-v-operatsionnyh-sistemah" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/205835/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/205835/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/205835/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/205835/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/205835/slide-0.jpg 1440w" class="slides-image related-itemImage"> Процессы в операционных системах</a></div><div class="related-item"><a href="/informatika/poluchenie-kvalifitsirovannoy-elektronnoy-podpisi-kep" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/325891/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/325891/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/325891/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/325891/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/325891/slide-0.jpg 1440w" class="slides-image related-itemImage"> Получение квалифицированной электронной подписи (КЭП)</a></div><div class="related-item"><a href="/informatika/sistema-schisleniya-perevod-chisel-v-desyatichnuyu" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/225874/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/225874/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/225874/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/225874/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/225874/slide-0.jpg 1440w" class="slides-image related-itemImage"> Система счисления. Перевод чисел в десятичную систему счисления</a></div><div class="related-item"><a href="/informatika/adobe-photoshop-grafikaly-redaktory" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/281440/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/281440/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/281440/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/281440/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/281440/slide-0.jpg 1440w" class="slides-image related-itemImage"> Adobe Photoshop графикалық редакторы</a></div><div class="related-item"><a href="/informatika/operatsionnye-sistemy-upravlenie-protsessami-11" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/166702/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/166702/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/166702/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/166702/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/166702/slide-0.jpg 1440w" class="slides-image related-itemImage"> Операционные системы. Управление процессами</a></div><!--]--></div></div></div></div><!--]--><!--]--><!--]--></div></div></main><footer class="footer"><div class="layout"><!----><div class="footer-contacts"><svg class="footer-contactsIcon" viewBox="0 0 27 26" xmlns="http://www.w3.org/2000/svg"><use xlink:href="/images/icons.svg#contacts"></use></svg> Обратная связь</div><!----><div class="footer-contactsEmail"> Email: <span class="footer-contactsShow">Нажмите что бы посмотреть</span></div></div></footer></div><!--]--></div><script>window.__NUXT__=(function(a,b,c,d,e,f,g,h,i,j,k,l,m,n,o,p,q,r,s,t,u,v,w,x,y,z,A,B,C,D,E,F,G,H,I,J,K,L,M,N,O,P,Q,R,S){return {data:{meta:{result:{meta:{h1:l,main_text:a,main_title:m,main_description:n,main_keywords:o,main_image:a},app:{logo_image:p,logo_image_width:q,logo_image_height:r,logo_text:a,image_width_full:s,image_width_min:t,recaptcha_key:u,yandex_search:v,ya_context:c,banner_1:a,banner_2:a,banner_3:a,banner_4:a,banner_5:a,banner_6:a,banner_7:a,banner_8:a,banner_9:a,banner_10:a,email:w,footer_before:a,footer:a,dark_theme:c,strategy:{image_alt_words:h,item_slide_header:x,item_images:y,item_images_tag:z,item_words_h3:c,item_words_tag:A,item_words_1:h,routing:B,item_slide_skipping:C,item_download_timeout:D,item_slider_width:E,item_show_pdf:e,item_show_contents:e,item_show_filename:e},colors:{header_text:j,header_bg:i,accent:i}},social:F}},item:{result:{id:355888,name:k,category:G,count:H,jpg:"jpg\u002F355888",hits:I,download:b,h1:"HTML-тілінде Web-парақтар құру презентация",meta:{h1:k,title:k,description:"HTML-тілінде Web-парақтар құру презентация на тему, доклад, Информатика",keywords:"HTML-тілінде Web-парақтар құру, презентация, доклад, проект, скачать, на тему, PowerPoint, урок, класс, школа, Информатика",download_link:a},text:"Вы можете изучить и скачать доклад-презентацию на тему Презентация на тему HTML-тілінде Web-парақтар құру из раздела Информатика. Презентация на заданную тему содержит 18 слайдов. Для просмотра воспользуйтесь проигрывателем, если материал оказался полезным для Вас - поделитесь им с друзьями с помощью социальных кнопок и добавьте наш сайт презентаций в закладки!",seo_text:"\u003Cp\u003EДәріс жоспары\u003Cbr\u003E\u003Cp\u003E1. HTML - тілімен танысу \u003Cbr\u003E2. Мәтінге байланысты тегтермен танысу\u003Cbr\u003E3. Түстерді беру\u003Cbr\u003E4. Web-параққа графика орналастыру \u003Cbr\u003E5. Кесте құру\u003Cbr\u003E6. Фондық графика және пошталық жәшікке сілтеме құру\u003Cbr\u003E7. Гипермәтіндік байланыстарды құру \u003Cbr\u003E8. Өзіндік жұмыс\u003Cbr\u003E \u003Cp\u003E\tHTML (Hypertext Markup Language – гипермәтінді белгілеу тілі) тілі World Wide Web (WWW) жүйесінде гипермәтіндік құжаттарды дайындау үшін құрастырылған. Бұл тіл World Wide Web қызметімен бірге пайда болды және бірге дамып келеді. HTML- тілінің көмегімен көркем, қызықты WEB - парақтарды құруға болады. HTML тілі бастапқы мәтіндік құжатқа енгізілетін және осы құжаттың дисплей экранындағы көрінісін басқаруға мүмкіндік бере-тін бірнеше командалардың жиынтығы болып табылады. \u003Cbr\u003E\u003Cp\u003EHTML-тілі\u003Cbr\u003E",file:"HTML-тілінде-Web-парақтар-құру.pptx",texts:["\u003Cp\u003E Информатика кафедрасы\u003Cbr\u003E\u003Cp\u003EМультимедиялық презентация\u003Cbr\u003EТақырыбы: «HTML-тілінде Web-парақтар құру» \u003Cbr\u003E\u003Cp\u003EПән: Информатика (ҚарМТУ барлық мамандықтарының студенттеріне арналған)\u003Cbr\u003E\u003Cp\u003EАвторлар:\u003Cbr\u003EОқытушы Қадырова Жанар Бақбергенқызы \u003Cbr\u003EОқытушы Жарқымбекова Айжан Теміржанқызы\u003Cbr\u003E","\u003Cp\u003EДәріс жоспары\u003Cbr\u003E\u003Cp\u003E1. HTML - тілімен танысу \u003Cbr\u003E2. Мәтінге байланысты тегтермен танысу\u003Cbr\u003E3. Түстерді беру\u003Cbr\u003E4. Web-параққа графика орналастыру \u003Cbr\u003E5. Кесте құру\u003Cbr\u003E6. Фондық графика және пошталық жәшікке сілтеме құру\u003Cbr\u003E7. Гипермәтіндік байланыстарды құру \u003Cbr\u003E8. Өзіндік жұмыс\u003Cbr\u003E","\u003Cp\u003E\tHTML (Hypertext Markup Language – гипермәтінді белгілеу тілі) тілі World Wide Web (WWW) жүйесінде гипермәтіндік құжаттарды дайындау үшін құрастырылған. Бұл тіл World Wide Web қызметімен бірге пайда болды және бірге дамып келеді. HTML- тілінің көмегімен көркем, қызықты WEB - парақтарды құруға болады. HTML тілі бастапқы мәтіндік құжатқа енгізілетін және осы құжаттың дисплей экранындағы көрінісін басқаруға мүмкіндік бере-тін бірнеше командалардың жиынтығы болып табылады. \u003Cbr\u003E\u003Cp\u003EHTML-тілі\u003Cbr\u003E","\u003Cp\u003E\tГипермәтіндік құжат – бұл қосымша элементтерді бас-қаратын, яғни құру, иллюстрация, мультимедиялық орнату-лары және басқа құжаттарға гиперсілтемелері бар арнайы код-тар орнатылған құжат. Internet – ке бұндай WEB – парақтар файлдарды WEB-серверлерге орналастыру арқылы жарияла-нады. Өте ұлкен құжаттарды беру үшін HTTP (Hyper Text Transfer Protocol) хаттамасы қолданылады. Internet – те құжат URL (Uniform Resourse Locator) деп аталатын адреспен ізделі-неді. URL көп жағдайда келесі формаға ие болады:\u003Cbr\u003Eprotocol:\u002F\u002Fhost.domain\u002F\u002Fdirectory\u002Ffile.name\u003Cbr\u003Eмұндағы: protocol - TCP\u002FIP хатамасы, ресурс алуға қолданады \u003Cbr\u003Ehost.domain – ресурс орналасқан хост-компьютердің домендік атауы.\u003Cbr\u003Ehost.directiry – ресурс бар хост директорий \u003Cbr\u003Efile.name - ресурс файлының атауы.\u003Cbr\u003E","\u003Cp\u003E\tHTML командалары тегтер (tag) деп аталатын элементтердің көмегімен тапсырылады. Әр тегтің арнайы функциясы болады. Тегтердің екі түрі болады:\u003Cbr\u003E \t• бірэлементті тег, ол қандай-да бір әрекетті аяқтау \t үшін мәтінге қойылады;\u003Cbr\u003E\t• қос тег, ол ашатын және жабатын тегтерден \t\t тұрады. \u003Cbr\u003EАшатын тег эффект құрайды, ал жабатын тег оның әреке-тін тоқтатады. Жабатын тегтер қисық сызық (\u002F) белгісімен басталады. \u003Cbr\u003E\tHTML құжаты негізгі мәтіннен және белгілеу тег-терінен тұрады. HTML құжаты – ол кеңейтілу аты .htm болатын әдеттегі мәтіндік файл. Оны құру үшін кез келген мәтіндік редакторын қолдануға болады. Ал құрылған Web – парақтың нәтижесін көруге Microsoft Internet Explorer браузерін қолдануға болады. \u003Cbr\u003E","\u003Cp\u003E\u003CHTML\u003E\r\n    \u003CHEAD\u003E\r\n    \u003CTITLE\u003E информатика \u003C\u002FTITLE\u003E\r\n    \u003C\u002FHEAD\u003E\r\n\u003CBODY\u003E\r\n1-ші курс студенті\r\n\u003C\u002FBODY\u003E\r\n\u003C\u002FHTML\u003E \u003Cbr\u003E\u003Cp\u003EНегізгі HTML - файлының түрі:\u003Cbr\u003E\u003Cp\u003EБлакнотқа енгізіп, Internet Explorer браузерінде ашсақ \u003CTITLE\u003E тегінде орналасқан Информатика терезенің тақырып қатарына, \u003CBODY\u003E тегінде орналасқан 1-ші курс студенті терезенің жұмыс аймағында орналасады.\u003Cbr\u003E","\u003Cp\u003EМәтін үзінділерін ерекшелеу\u003Cbr\u003E\tМәтін үзінділерін ерекшелеу тэгтері жеке символдар мен сөздердің бейнелеуін басқаруға мүмкіндік береді. \u003Cbr\u003E","\u003Cp\u003EШрифт өлшемін, гарнитурасын және түсін беру\u003Cbr\u003E\u003CFONT\u003E тегі гарнитурамен және мәтін түсімен өлшемді басқару мүмкіндіктерінен тұрады. Шрифт гарнитурасын өзгерту \u003CFONT\u003E тегіне FACE атрибутын қосу арқылы жүзеге асады. SIZE атрибуты 1-ден 7-ге дейінгі шрифт өлшемін көрсетеді. Шрифт түсін өзгерту үшін \u003CFONT\u003E тегінде COLOR = “түс” атрибутын қолдануға болады. \u003Cbr\u003EМысалы: \u003CFONT FACE=”ARIAL” COLOR=blue size=7\u003E 1-ші курс студенті \u003C\u002FFONT\u003E \u003Cbr\u003E","\u003Cp\u003EТүстерді 16-сандармен беру\u003Cbr\u003E\u003Cp\u003EТүсті әрқайсысы О-дан ҒҒ-қа дейінгі мәнге ие болатын, жіктелген үш құ-рамға бөліп көрстеуге болады: қызыл (R-Red), жасыл (G-Green), көк (B-Blue). RGB деп аталатын форматпен жұмыс істейтін боламыз. RGB фор-матында түстерді мына файлдан көре аламыз \u003Cbr\u003E","\u003Cp\u003EWeb-парақта графиканы орналастыру\u003Cbr\u003E \u003CIMG\u003E тегі құжатқа бейне енгізуге мүмкіндік береді. Ол төменде сипатталған көптеген атрибуттардан тұрады. \u003Cbr\u003E",a,"\u003Cp\u003EКестелер\u003Cbr\u003E\tКестелер HTML құжатының маңызды бөлігі болып табылады. Ол тік бағандар мен көлденең жолдардан тұратын тікбұрышты тор. Ұяшық мәтіннен, графикадан немесе басқа кестеден тұруы мүмкін. Кесте негізгі үш бөліктен тұрады: \u003Cbr\u003Eкесте атауынан;\u003Cbr\u003Eбағандар тақырыбынан;\u003Cbr\u003Eұяшықтардан;\u003Cbr\u003EКесте жолдар бойымен толтырылады (солдан оңға қарай жол бойымен және келесі жолға көшу арқылы). Әрбір ұяшық толтырылған болуы тиіс.\u003Cbr\u003E",a,"\u003Cp\u003EФондық графика және түс\u003Cbr\u003E\tФондық бейне – бұл кішкене тікбұрышты плашкасы бар графикалық файл. Браузерде қарау барысында бұл плашка терезелер өлшеміне тәуелсіз, барлық терезелерді толтыра отырып, бірнеше рет қайталанады. Фондық графи-ка \u003CBODY\u003E тегінде беріледі.\u003Cbr\u003E\u003CBODY BACKGROUND=”BGR.GIF”\u003E … \u003C\u002FBODY\u003E\u003Cbr\u003EФондық түс беру үшін \u003CBODY BGCOLOR=түс \u003E тегін қолданамыз.\u003Cbr\u003EПошталық жәшікке сілтеме\u003Cbr\u003EПошталық жәшікке сілтеме жасау келесі түрде жазылады: \u003CA HREF=mailto:адрес_e-mail\u003Eсілтеме мәтіні\u003C\u002FA\u003E\u003Cbr\u003EМұнда адрес_e-mail орнына пошталық жәшік адресін қою керек. \u003Cbr\u003E \u003CA HREF=mailto:sidorov@mail.msiu.ru\u003E Пошта \u003C\u002FA\u003E\u003Cbr\u003E","\u003Cp\u003EГипермәтіндік байланыстарды құру\u003Cbr\u003E\tHTML тілінің маңызды қасиеті – құжат ішіне басқа құжаттарға сілтеме қосу мүмкіндігі болып табылады. Сілтеме ретінде мәтінді немесе графиканы қолдануға болады. Сілте-ме түсін өзгерту үшін \u003CBODY\u003E тегінің LINK және VLINK атрибуттары қолданылады. Басқа құжатқа сілтеме құру үшін \u003CA\u003E тегін HREF атрибутымен бірге қолдану керек.\u003Cbr\u003E\u003CA HREF = “file.htm”\u003E сілтеме \u003C\u002FA\u003E\u003Cbr\u003E\u003Cp\u003EЖүгірме жол \u003Cbr\u003EЖүгірме жол орналастыру үшін мына тегті қолданамыз.\u003Cbr\u003E\u003CMARQUEE\u003E Менің алғашқы WEB-парағым\u003C\u002F MARQUEE \u003E\u003Cbr\u003E",a,"\u003Cp\u003EӨзіндік жұмыс\u003Cbr\u003E\u003Cp\u003EТег дегеніміз не?\u003Cbr\u003EМәтінді көркемдейтін тег және оның атрибуттары\u003Cbr\u003EКесте калай құрылады?\u003Cbr\u003EГиперсілтеме деген не? \u003Cbr\u003EҚандай тегтің көмегімен сілтеме құруға болады?\u003Cbr\u003EТүстерді беру түрлері қандай?\u003Cbr\u003E","\u003Cp\u003EДәріс аяқталды.\u003Cbr\u003EНазар аударғандарыңызға рахмет!\u003Cbr\u003E"],href:"\u002Finformatika\u002Fhtml-tlnde-web-paratar-ru",href_category:"\u002Finformatika",date:1659270522,related:[{id:292851,name:"Video Game Design History. История, сотворённая на наших глазах",href:"\u002Finformatika\u002Fvideo-game-design-history-istoriya-sotvoryonnaya",jpg:"jpg\u002F292851"},{id:150900,name:"Графические редакторы",href:"\u002Finformatika\u002Fgraficheskie-redaktory-3",jpg:"jpg\u002F150900"},{id:362156,name:"Поняття про мову розмітки, гіпертекстовий документ та його елементи",href:"\u002Finformatika\u002Fponyattya-pro-movu-rozmtki-gpertekstoviy-dokument-1",jpg:"jpg\u002F362156"},{id:13739,name:"Технические средства защиты информации. Технические каналы утечки информации. (Лекция 2)",href:"\u002Finformatika\u002Ftehnicheskie-sredstva-zashchity-informatsii-tehnicheskie-kanaly",jpg:"jpg\u002F13739"},{id:362841,name:"Инструкция по поиску информации в базе данных GeoRef",href:"\u002Finformatika\u002Finstruktsiya-po-poisku-informatsii-v-baze-4",jpg:"jpg\u002F362841"},{id:255286,name:"Методы и средства защиты информации. Дестабилизирующее воздействие и несанкционированный доступ к информации",href:"\u002Finformatika\u002Fmetody-i-sredstva-zashchity-informatsii-destabiliziruyushchee",jpg:"jpg\u002F255286"},{id:605105,name:"Программирование на алгоритмическом языке (7 класс)",href:"\u002Finformatika\u002Fprogrammirovanie-na-algoritmicheskom-yazyke-7-klass-1",jpg:"jpg\u002F605105"},{id:372464,name:"Форма и язык представления информации",href:"\u002Finformatika\u002Fforma-i-yazyk-predstavleniya-informatsii",jpg:"jpg\u002F372464"},{id:444683,name:"Подготовка к ЕГЭ по информатике. Задачи с функциями.",href:"\u002Finformatika\u002Fpodgotovka-k-ege-po-informatike-zadachi",jpg:"jpg\u002F444683"},{id:298694,name:"Регулярные выражения",href:"\u002Finformatika\u002Fregulyarnye-vyrazheniya-9",jpg:"jpg\u002F298694"},{id:88243,name:"Управління даними (файли і файлові системи)",href:"\u002Finformatika\u002Fupravlnnya-danimi-fayli--faylov-sistemi",jpg:"jpg\u002F88243"},{id:578663,name:"Основы программирования на VBA (Visual Basic for Application). Лекция 5",href:"\u002Finformatika\u002Fosnovy-programmirovaniya-na-vba-visual-basic",jpg:"jpg\u002F578663"},{id:384961,name:"Методы сортировок массивов",href:"\u002Finformatika\u002Fmetody-sortirovok-massivov",jpg:"jpg\u002F384961"},{id:496904,name:"Разработка урока с использованием сингапурской методики по теме Операторы челочисленного деления и деления по модулю",href:"\u002Finformatika\u002Frazrabotka-uroka-s-ispolzovaniem-singapurskoy-metodiki-1",jpg:"jpg\u002F496904"},{id:539029,name:"презентация на тему вирусы",href:"\u002Finformatika\u002Fprezentatsiya-na-temu-virusy",jpg:"jpg\u002F539029"},{id:138161,name:"WinDr & Simulator",href:"\u002Finformatika\u002Fwindr-amp-simulator",jpg:"jpg\u002F138161"},{id:183689,name:"Особенности тестирования Web. Архитектура клиент-сервер",href:"\u002Finformatika\u002Fosobennosti-testirovaniya-web-arhitektura-klient-server",jpg:"jpg\u002F183689"},{id:535741,name:"Функциональная схема ЭВМ",href:"\u002Finformatika\u002Ffunktsionalnaya-shema-evm",jpg:"jpg\u002F535741"},{id:116304,name:"Программный комплекс Scada система TRACE MODE",href:"\u002Finformatika\u002Fprogrammnyy-kompleks-scada-sistema-trace-mode",jpg:"jpg\u002F116304"},{id:238351,name:"Информация. Её виды и свойства",href:"\u002Finformatika\u002Finformatsiya-eyo-vidy-i-svoystva-1",jpg:"jpg\u002F238351"},{id:587992,name:"Разработка и реализация конфигурации Автосервис на платформе 1С:Предприятие 8",href:"\u002Finformatika\u002Frazrabotka-i-realizatsiya-konfiguratsii-avtoservis-na",jpg:"jpg\u002F587992"},{id:10081,name:"Проектирование реляционных баз данных на основе принципов нормализации. (Лекция 10)",href:"\u002Finformatika\u002Fproektirovanie-relyatsionnyh-baz-dannyh-na-osnove-1",jpg:"jpg\u002F10081"},{id:273508,name:"4Х стратегии в космосе: история и популярность на примере Master of orion и stellaris",href:"\u002Finformatika\u002F4h-strategii-v-kosmose-istoriya-i",jpg:"jpg\u002F273508"},{id:205835,name:"Процессы в операционных системах",href:"\u002Finformatika\u002Fprotsessy-v-operatsionnyh-sistemah",jpg:"jpg\u002F205835"},{id:325891,name:"Получение квалифицированной электронной подписи (КЭП)",href:"\u002Finformatika\u002Fpoluchenie-kvalifitsirovannoy-elektronnoy-podpisi-kep",jpg:"jpg\u002F325891"},{id:225874,name:"Система счисления. Перевод чисел в десятичную систему счисления",href:"\u002Finformatika\u002Fsistema-schisleniya-perevod-chisel-v-desyatichnuyu",jpg:"jpg\u002F225874"},{id:281440,name:"Adobe Photoshop графикалық редакторы",href:"\u002Finformatika\u002Fadobe-photoshop-grafikaly-redaktory",jpg:"jpg\u002F281440"},{id:166702,name:"Операционные системы. Управление процессами",href:"\u002Finformatika\u002Foperatsionnye-sistemy-upravlenie-protsessami-11",jpg:"jpg\u002F166702"}],navigation:{next:"\u002Ffilosofiya\u002Fnachalo-filosofii-antichnaya-filosofiya-osnovnye-etapy",next_name:"Начало философии. Античная философия. Основные этапы развития философии. Лекция 2",prev:"\u002Fliteratura\u002Fa-m-volkov-volshebnik-izumrudnogo-goroda",prev_name:"А. М. Волков Волшебник изумрудного города"}}},categories:{result:[{id:J,ordering:b,name:"Без категории",pseudoname:"uncategorized"},{id:144,ordering:b,name:"Бизнес",pseudoname:"biznes"},{id:146,ordering:b,name:"Образование",pseudoname:"obrazovanie"},{id:149,ordering:b,name:"Финансы",pseudoname:"finansy"},{id:150,ordering:b,name:"Государство",pseudoname:"gosudarstvo"},{id:152,ordering:b,name:"Спорт",pseudoname:"sport"},{id:154,ordering:b,name:"Армия",pseudoname:"armiya"},{id:156,ordering:b,name:"Культурология",pseudoname:"kulturologiya"},{id:157,ordering:b,name:"Еда и кулинария",pseudoname:"eda-i-kulinariya"},{id:158,ordering:b,name:"Лингвистика",pseudoname:"lingvistika"},{id:163,ordering:b,name:"Черчение",pseudoname:"cherchenie"},{id:164,ordering:b,name:"Физкультура",pseudoname:"fizkultura"},{id:165,ordering:b,name:"ИЗО",pseudoname:"izo"},{id:166,ordering:b,name:"Психология",pseudoname:"psihologiya"},{id:116,ordering:J,name:"Английский язык",pseudoname:"angliyskiy-yazyk"},{id:108,ordering:2,name:"Астрономия",pseudoname:"astronomiya"},{id:104,ordering:3,name:"Алгебра",pseudoname:"algebra"},{id:106,ordering:4,name:"Биология",pseudoname:"biologiya"},{id:142,ordering:5,name:"География",pseudoname:"geografiya"},{id:141,ordering:6,name:"Геометрия",pseudoname:"geometria"},{id:123,ordering:7,name:"Детские презентации",pseudoname:"detskie-prezentatsii"},{id:107,ordering:8,name:G,pseudoname:"informatika"},{id:109,ordering:9,name:"История",pseudoname:"istoriya"},{id:139,ordering:10,name:"Литература",pseudoname:"literatura"},{id:119,ordering:11,name:"Маркетинг",pseudoname:"marketing"},{id:114,ordering:12,name:"Математика",pseudoname:"matematika"},{id:138,ordering:h,name:"Медицина",pseudoname:"medetsina"},{id:118,ordering:14,name:"Менеджмент",pseudoname:"menedzhment"},{id:137,ordering:15,name:"Музыка",pseudoname:"muzyka"},{id:136,ordering:16,name:"МХК",pseudoname:"mhk"},{id:130,ordering:17,name:"Немецкий язык",pseudoname:"nemetskiy-yazyk"},{id:105,ordering:H,name:"ОБЖ",pseudoname:"obzh"},{id:133,ordering:I,name:"Обществознание ",pseudoname:"obshchestvoznanie"},{id:132,ordering:20,name:"Окружающий мир ",pseudoname:"okruzhayushchiy-mir"},{id:131,ordering:21,name:"Педагогика ",pseudoname:"pedagogika"},{id:129,ordering:22,name:"Русский язык",pseudoname:"russkiy-yazyk"},{id:128,ordering:24,name:"Технология",pseudoname:"tehnologiya"},{id:127,ordering:25,name:"Физика",pseudoname:"fizika"},{id:126,ordering:26,name:"Философия",pseudoname:"filosofiya"},{id:125,ordering:27,name:"Химия",pseudoname:"himiya"},{id:124,ordering:29,name:"Экология",pseudoname:"ekologiya"},{id:121,ordering:30,name:"Экономика",pseudoname:"ekonomika"},{id:120,ordering:31,name:"Юриспруденция",pseudoname:"yurisprudentsiya"}]}},state:{},_errors:{},serverRendered:e,config:{public:{SITE_NAME:K,SITE_HOST:"mypreza.com",SITE_LANG:L,API_BASE_URL:"https:\u002F\u002Fmypreza.com\u002Fapi\u002F",pwaManifest:{name:K,short_name:a,description:a,lang:L,start_url:"\u002F?standalone=true",display:"standalone",background_color:j,theme_color:"#000000",icons:[{src:"\u002F_nuxt\u002Ficons\u002F64x64.f2a6e93d.png",type:d,sizes:M,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F64x64.maskable.f2a6e93d.png",type:d,sizes:M,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F120x120.f2a6e93d.png",type:d,sizes:N,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F120x120.maskable.f2a6e93d.png",type:d,sizes:N,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F144x144.f2a6e93d.png",type:d,sizes:O,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F144x144.maskable.f2a6e93d.png",type:d,sizes:O,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F152x152.f2a6e93d.png",type:d,sizes:P,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F152x152.maskable.f2a6e93d.png",type:d,sizes:P,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F192x192.f2a6e93d.png",type:d,sizes:Q,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F192x192.maskable.f2a6e93d.png",type:d,sizes:Q,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F384x384.f2a6e93d.png",type:d,sizes:R,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F384x384.maskable.f2a6e93d.png",type:d,sizes:R,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F512x512.f2a6e93d.png",type:d,sizes:S,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F512x512.maskable.f2a6e93d.png",type:d,sizes:S,purpose:g}]},yandexMetrika:{id:"85004146",metrikaUrl:"https:\u002F\u002Fmc.yandex.ru\u002Fmetrika\u002Ftag.js",accurateTrackBounce:e,childIframe:c,clickmap:c,defer:c,useRuntimeConfig:e,trackHash:c,trackLinks:e,type:b,webvisor:c,triggerEvent:c,consoleLog:e,partytown:c,isDev:c}},app:{baseURL:"\u002F",buildAssetsDir:"\u002F_nuxt\u002F",cdnURL:a}},pinia:{app:{meta:{h1:l,main_text:a,main_title:m,main_description:n,main_keywords:o,main_image:a},app:{logo_image:p,logo_image_width:q,logo_image_height:r,logo_text:a,image_width_full:s,image_width_min:t,recaptcha_key:u,yandex_search:v,ya_context:c,banner_1:a,banner_2:a,banner_3:a,banner_4:a,banner_5:a,banner_6:a,banner_7:a,banner_8:a,banner_9:a,banner_10:a,email:w,footer_before:a,footer:a,dark_theme:c,strategy:{image_alt_words:h,item_slide_header:x,item_images:y,item_images_tag:z,item_words_h3:c,item_words_tag:A,item_words_1:h,routing:B,item_slide_skipping:C,item_download_timeout:D,item_slider_width:E,item_show_pdf:e,item_show_contents:e,item_show_filename:e},colors:{header_text:j,header_bg:i,accent:i}},social:F,token:a}}}}("",0,false,"image\u002Fpng",true,"any","maskable",13,"#d53032","#ffffff","HTML-тілінде Web-парақтар құру","Учебные презентации","Презентации в PowerPoint на разные темы","Презентации, проекты, доклады в PowerPoint на разные темы для учебы","Презентация, на тему, урок, класс, PowerPoint, скачати презентацію, фон, шаблон, доклад, проект.","images\u002Fdata\u002Flogo.png",185,40,720,480,"6LeioWIpAAAAAGqMN4KqMVIkekcMW7fBKHjXCd-a","2503267","mypreza@ya.ru","h3a","text","none","h3","category","both",80,800,"\u003Cscript src=\"\u002F\u002Fyastatic.net\u002Fes5-shims\u002F0.0.2\u002Fes5-shims.min.js\"\u003E\u003C\u002Fscript\u003E\r\n\u003Cscript src=\"\u002F\u002Fyastatic.net\u002Fshare2\u002Fshare.js\"\u003E\u003C\u002Fscript\u003E\r\n\u003Cdiv class=\"ya-share2\" data-services=\"collections,gplus,vkontakte,facebook,odnoklassniki,gplus,twitter,moimir\" data-counter=\"\"\u003E\u003C\u002Fdiv\u003E","Информатика",18,19,1,"Mypreza","ru","64x64","120x120","144x144","152x152","192x192","384x384","512x512"))</script><script type="module" src="/_nuxt/entry.0d6add34.js" crossorigin></script></body> </html>