HTML. The standard markup language for creating Web pages презентация

Содержание

Слайд 2

HTML stands for Hyper Text Markup Language
HTML describes the structure of Web pages

using markup
HTML elements are the building blocks of HTML pages
HTML elements are represented by tags
HTML tags label pieces of content such as "heading", "paragraph", "table", and so on
Browsers do not display the HTML tags, but use them to render the content of the page

Слайд 3

A SIMPLE HTML DOCUMENT

Page Title

My First Heading

My first paragraph.


Слайд 4

EXAMPLE EXPLAINED
The  declaration defines this document to be HTML5
The  element is the root element

of an HTML page
The  element contains meta information about the document
The  element specifies a title for the document<br>The <body> element contains the visible page content<br>The <h1> element defines a large heading<br>The <p> element defines a paragraph<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide5" class="slides-item"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/89574/slide-4.jpg" target="_blank" rel="noopener">Слайд 5</a><h3 class="slides-content text-center font-bold"><div><p>HTML TAGS <br><p>HTML tags are element names surrounded by angle brackets:<br><tagname>content goes here...</tagname><br>HTML tags</div></h3></h3><!----><!----><div class="slides-content">normally come in pairs like <p> and </p><br>The first tag in a pair is the start tag, the second tag is the end tag<br>The end tag is written like the start tag, but with a forward slash inserted before the tag name<br>Tip: The start tag is also called the opening tag, and the end tag the closing tag.<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide6" class="slides-item"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/89574/slide-5.jpg" target="_blank" rel="noopener">Слайд 6</a><h3 class="slides-content text-center font-bold"><div><p>WEB BROWSERS <br><p>The purpose of a web browser (Chrome, IE, Firefox, Safari) is to</div></h3></h3><!----><!----><div class="slides-content">read HTML documents and display them.<br>The browser does not display the HTML tags, but uses them to determine how to display the document:<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/89574/slide-6.jpg" target="_blank" rel="noopener">Слайд 7</a><h3 class="slides-content text-center font-bold"><div><p>HTML PAGE STRUCTURE <br><p>Below is a visualization of an HTML page structure:<br>Note: Only the content</div></h3></h3><!----><!----><div class="slides-content">inside the <body> section (the white area above) is displayed in a browser.<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/89574/slide-7.jpg" target="_blank" rel="noopener">Слайд 8</a><h3 class="slides-content text-center font-bold"><div><p>THE <!DOCTYPE> DECLARATION <br><p>The <!DOCTYPE> declaration represents the document type, and helps browsers to</div></h3></h3><!----><!----><div class="slides-content">display web pages correctly.<br>It must only appear once, at the top of the page (before any HTML tags).<br>The <!DOCTYPE> declaration is not case sensitive.<br>The <!DOCTYPE> declaration for HTML is:<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/89574/slide-8.jpg" target="_blank" rel="noopener">Слайд 9</a><h3 class="slides-content text-center font-bold"><div><p>HTML VERSIONS <br><p>Since the early days of the web, there have been many versions</div></h3></h3><!----><!----><div class="slides-content">of HTML:<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/89574/slide-9.jpg" target="_blank" rel="noopener">Слайд 10</a><h3 class="slides-content text-center font-bold"><div><p>HTML EDITORS WRITE HTML USING NOTEPAD OR TEXTEDIT <br><p>Web pages can be created and modified by</div></h3></h3><!----><!----><div class="slides-content">using professional HTML editors.<br>However, for learning HTML usually recommend a simple text editor like Notepad (PC) or TextEdit (Mac).<br>Using a simple text editor is a good way to learn HTML.<br>Follow the four steps below to create your first web page with Notepad or TextEdit.<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/89574/slide-10.jpg" target="_blank" rel="noopener">Слайд 11</a><h3 class="slides-content text-center font-bold"><div><p>Step 1: Open Notepad (PC)<br>Windows 8 or later:<br>Open the Start Screen (the window symbol at</div></h3></h3><!----><!----><div class="slides-content">the bottom left on your screen). Type Notepad.<br>Windows 7 or earlier:<br>Open Start > Programs > Accessories > Notepad<br>Step 2: Write Some HTML<br>Write or copy some HTML into Notepad.<br></div><!----><!--]--><!----></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/89574/slide-11.jpg" target="_blank" rel="noopener">Слайд 12</a><h3 class="slides-content text-center font-bold"><div><p>Step 3: Save the HTML Page<br>Save the file on your computer. Select File ></div></h3></h3><!----><!----><div class="slides-content">Save as in the Notepad menu.<br>Name the file "index.htm" and set the encoding to UTF-8 (which is the preferred encoding for HTML files).<br>You can use either .htm or .html as file extension. There is no difference, it is up to you.<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/89574/slide-12.jpg" target="_blank" rel="noopener">Слайд 13</a><h3 class="slides-content text-center font-bold"><div><p>Step 4: View the HTML Page in Your Browser<br>Open the saved HTML file</div></h3></h3><!----><!----><div class="slides-content">in your favorite browser (double click on the file, or right-click - and choose "Open with").<br>The result will look much like this:<br></div><!----><!--]--><!----></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/89574/slide-13.jpg" target="_blank" rel="noopener">Слайд 14</a><h3 class="slides-content text-center font-bold"><div><p>HTML DOCUMENTS <br><p>All HTML documents must start with a document type declaration: <!DOCTYPE html>.<br>The HTML</div></h3></h3><!----><!----><div class="slides-content">document itself begins with <html> and ends with </html>.<br>The visible part of the HTML document is between <body> and </body>.<br>Example<br><!DOCTYPE html> <html> <body> <h1>My First Heading</h1> <p>My first paragraph.</p> </body> </html><br>Try yourself<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/89574/slide-14.jpg" target="_blank" rel="noopener">Слайд 15</a><h3 class="slides-content text-center font-bold"><div><p>HTML BASIC EXAMPLES<br><p>HTML Documents<br>All HTML documents must start with a document type declaration: <!DOCTYPE html>.<br>The</div></h3></h3><!----><!----><div class="slides-content">HTML document itself begins with <html> and ends with </html>.<br>The visible part of the HTML document is between <body> and </body>.<br>Example:<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/89574/slide-15.jpg" target="_blank" rel="noopener">Слайд 16</a><h3 class="slides-content text-center font-bold"><div><p>HTML HEADINGS <br><p>HTML headings are defined with the <h1> to <h6> tags.<br><h1> defines the most important heading. <h6></div></h3></h3><!----><!----><div class="slides-content">defines the least important heading: <br>Example<br></div><!----><!--]--><!----></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/89574/slide-16.jpg" target="_blank" rel="noopener">Слайд 17</a><h3 class="slides-content text-center font-bold"><div><p>HTML PARAGRAPHS <br><p>HTML paragraphs are defined with the <p> tag:<br>Example<br></div></h3></h3><!----><!----><!----><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide18" class="slides-item"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/89574/slide-17.jpg" target="_blank" rel="noopener">Слайд 18</a><h3 class="slides-content text-center font-bold"><div><p>HTML LINKS <br><p>HTML links are defined with the <a> tag:<br>Example<br>The link's destination is specified in the href</div></h3></h3><!----><!----><div class="slides-content">attribute. <br>Attributes are used to provide additional information about HTML elements.<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide19" class="slides-item"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/89574/slide-18.jpg" target="_blank" rel="noopener">Слайд 19</a><h3 class="slides-content text-center font-bold"><div><p>HTML IMAGES <br><p>HTML images are defined with the <img> tag.<br>The source file (src), alternative text (alt),</div></h3></h3><!----><!----><div class="slides-content">width, and height are provided as attributes:<br>Example<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.-The-standard-markup-language-for-creating-Web-pages.pptx <br> Количество просмотров: 66 <br> Количество скачиваний: 0</div><button class="download-btn" type="submit">Скачать</button><!----></form><div class="navigation"><div class="navigation-item"><div>- Предыдущая</div><a href="/uncategorized/konstruktsiya-skvazhin-2" class="navigation-link">Конструкция скважин</a></div><div class="navigation-item"><div>Следующая -</div><a href="/informatika/software-development-life-cycle-and-methodologies" class="navigation-link">Software Development Life Cycle and Methodologies</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/kompyuternye-seti-74" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/201618/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/201618/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/201618/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/201618/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/201618/slide-0.jpg 1440w" class="slides-image related-itemImage"> Компьютерные сети</a></div><div class="related-item"><a href="/informatika/algoritmy-67" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/309802/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/309802/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/309802/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/309802/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/309802/slide-0.jpg 1440w" class="slides-image related-itemImage"> Алгоритмы</a></div><div class="related-item"><a href="/informatika/chto-takoe-tekstovyy-redaktor" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/613365/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/613365/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/613365/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/613365/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/613365/slide-0.jpg 1440w" class="slides-image related-itemImage"> Что такое текстовый редактор?</a></div><div class="related-item"><a href="/informatika/sayt-andreevatsru" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/121888/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/121888/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/121888/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/121888/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/121888/slide-0.jpg 1440w" class="slides-image related-itemImage"> Сайт andreevats.ru</a></div><div class="related-item"><a href="/informatika/operatory-organizatsii-tsiklov" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/239208/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/239208/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/239208/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/239208/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/239208/slide-0.jpg 1440w" class="slides-image related-itemImage"> Операторы организации циклов</a></div><div class="related-item"><a href="/informatika/metody-programmirovaniya-poisk-v-tekste-lektsiya" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/256806/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/256806/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/256806/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/256806/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/256806/slide-0.jpg 1440w" class="slides-image related-itemImage"> Методы программирования. Поиск в тексте. (Лекция 6)</a></div><div class="related-item"><a href="/informatika/elektrondy-esepteush-mashinalardy-analogty-zhne-tsifrly" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/285193/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/285193/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/285193/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/285193/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/285193/slide-0.jpg 1440w" class="slides-image related-itemImage"> Электронды есептеуіш машиналардың аналогтық және цифрлық. Ақпаратты өңдеудің ақпараттық және бағдарламалық тәсілдері</a></div><div class="related-item"><a href="/informatika/setevye-struktury-v-sovremennoy-mirovoy-politike-1" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/107497/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/107497/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/107497/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/107497/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/107497/slide-0.jpg 1440w" class="slides-image related-itemImage"> Сетевые структуры в современной мировой политике. Сетевой терроризм</a></div><div class="related-item"><a href="/informatika/osnovy-razrabotki-programmy-na-assemblere" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/172835/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/172835/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/172835/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/172835/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/172835/slide-0.jpg 1440w" class="slides-image related-itemImage"> Основы разработки программы на ассемблере</a></div><div class="related-item"><a href="/informatika/mnogofunktsionalnyy-telegram-bot" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/576993/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/576993/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/576993/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/576993/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/576993/slide-0.jpg 1440w" class="slides-image related-itemImage"> Многофункциональный Telegram-бот</a></div><div class="related-item"><a href="/informatika/informatika-kak-nauka-ponyatie-informatsii" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/333361/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/333361/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/333361/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/333361/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/333361/slide-0.jpg 1440w" class="slides-image related-itemImage"> Информатика, как наука. Понятие информации</a></div><div class="related-item"><a href="/informatika/t-zabezpechennya-nformatsynogo-menedzhmentu-organzats-formuvannya" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/19518/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/19518/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/19518/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/19518/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/19518/slide-0.jpg 1440w" class="slides-image related-itemImage"> ІT-забезпечення інформаційного менеджменту організації: формування інформаційної бази для прийняття управлінських рішень</a></div><div class="related-item"><a href="/informatika/mobilnye-virusy-i-antivirusy" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/366757/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/366757/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/366757/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/366757/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/366757/slide-0.jpg 1440w" class="slides-image related-itemImage"> Мобильные вирусы и антивирусы</a></div><div class="related-item"><a href="/informatika/obrabotka-tekstovoy-informatsii-5" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/368290/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/368290/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/368290/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/368290/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/368290/slide-0.jpg 1440w" class="slides-image related-itemImage"> Обработка текстовой информации</a></div><div class="related-item"><a href="/informatika/belgl-br-badarlamany-zhugzushler-anday-boluy" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/111388/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/111388/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/111388/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/111388/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/111388/slide-0.jpg 1440w" class="slides-image related-itemImage"> Белгілі бір бағдарламаны жугізушілер қандай болуы керек</a></div><div class="related-item"><a href="/informatika/yazyk-html-5" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/420805/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/420805/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/420805/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/420805/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/420805/slide-0.jpg 1440w" class="slides-image related-itemImage"> Язык HTML</a></div><div class="related-item"><a href="/informatika/intellektualnye-programmnye-roboty--prakticheskie-keysy" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/275157/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/275157/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/275157/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/275157/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/275157/slide-0.jpg 1440w" class="slides-image related-itemImage"> Интеллектуальные программные роботы – практические кейсы цифровой трансформации бизнес-процессов</a></div><div class="related-item"><a href="/informatika/podbor-oborudovaniya-po-sredstv-kriptozashchity-s" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/151759/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/151759/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/151759/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/151759/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/151759/slide-0.jpg 1440w" class="slides-image related-itemImage"> Подбор оборудования, ПО, средств криптозащиты с учетом требований ФЗ №152 и ФЗ №149. На базе ГБУЗ НО ГДБ №8 г. Дзержинска</a></div><div class="related-item"><a href="/informatika/parametry-pechati" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/407069/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/407069/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/407069/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/407069/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/407069/slide-0.jpg 1440w" class="slides-image related-itemImage"> Параметры печати</a></div><div class="related-item"><a href="/informatika/perechisleniya-obyavlenie-i-ispolzovanie-perechisleniy" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/190357/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/190357/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/190357/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/190357/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/190357/slide-0.jpg 1440w" class="slides-image related-itemImage"> Перечисления. Объявление и использование перечислений</a></div><div class="related-item"><a href="/informatika/obobshchayushchiy-urok-informatiki-v-5-klasse-1" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/496567/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/496567/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/496567/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/496567/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/496567/slide-0.jpg 1440w" class="slides-image related-itemImage"> Обобщающий урок информатики в 5 классе по теме Компьютерная графика</a></div><div class="related-item"><a href="/informatika/9-klass-urok-na-temu-usloviya" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/462958/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/462958/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/462958/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/462958/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/462958/slide-0.jpg 1440w" class="slides-image related-itemImage"> 9 класс. Урок на тему: Условия выбора и сложные логические выражения</a></div><div class="related-item"><a href="/informatika/vektornyy-graficheskiy-redaktor" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/105638/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/105638/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/105638/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/105638/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/105638/slide-0.jpg 1440w" class="slides-image related-itemImage"> Векторный графический редактор</a></div><div class="related-item"><a href="/informatika/kak-soderzhat-operatsionnuyu-sistemu-v-rabochem" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/472040/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/472040/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/472040/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/472040/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/472040/slide-0.jpg 1440w" class="slides-image related-itemImage"> Как содержать операционную систему в рабочем состоянии длительное время</a></div><div class="related-item"><a href="/informatika/yavnye-kursory-plsql" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/2024/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/2024/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/2024/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/2024/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/2024/slide-0.jpg 1440w" class="slides-image related-itemImage"> Явные курсоры (PL/SQL)</a></div><div class="related-item"><a href="/informatika/rabota-s-tekstami-i-izobrazheniyami" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/167586/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/167586/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/167586/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/167586/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/167586/slide-0.jpg 1440w" class="slides-image related-itemImage"> Работа с текстами и изображениями</a></div><div class="related-item"><a href="/informatika/estafeta-informatika" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/380885/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/380885/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/380885/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/380885/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/380885/slide-0.jpg 1440w" class="slides-image related-itemImage"> Эстафета. Информатика</a></div><div class="related-item"><a href="/informatika/chto-takoe-agile" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/578156/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/578156/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/578156/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/578156/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/578156/slide-0.jpg 1440w" class="slides-image related-itemImage"> Что такое Agile?</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){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:89574,name:k,category:G,count:H,jpg:"jpg\u002F89574",hits:66,download:b,h1:"HTML. The standard markup language for creating Web pages презентация",meta:{h1:k,title:k,description:"HTML. The standard markup language for creating Web pages презентация на тему, доклад, Информатика",keywords:"HTML. The standard markup language for creating Web pages, презентация, доклад, проект, скачать, на тему, PowerPoint, урок, класс, школа, Информатика",download_link:a},text:"Вы можете изучить и скачать доклад-презентацию на тему Презентация на тему HTML. The standard markup language for creating Web pages из раздела Информатика. Презентация на заданную тему содержит 20 слайдов. Для просмотра воспользуйтесь проигрывателем, если материал оказался полезным для Вас - поделитесь им с друзьями с помощью социальных кнопок и добавьте наш сайт презентаций в закладки!",seo_text:"\u003Cp\u003EHTML stands for Hyper Text Markup Language\u003Cbr\u003EHTML describes the structure of Web pages using markup\u003Cbr\u003EHTML elements are the building blocks of HTML pages\u003Cbr\u003EHTML elements are represented by tags\u003Cbr\u003EHTML tags label pieces of content such as \"heading\",",file:"HTML.-The-standard-markup-language-for-creating-Web-pages.pptx",texts:["\u003Cp\u003EHTML\r\n\u003Cbr\u003E\u003Cp\u003EHTML is the standard markup language for creating Web pages.\u003Cbr\u003E","\u003Cp\u003EHTML stands for Hyper Text Markup Language\u003Cbr\u003EHTML describes the structure of Web pages using markup\u003Cbr\u003EHTML elements are the building blocks of HTML pages\u003Cbr\u003EHTML elements are represented by tags\u003Cbr\u003EHTML tags label pieces of content such as \"heading\", \"paragraph\", \"table\", and so on\u003Cbr\u003EBrowsers do not display the HTML tags, but use them to render the content of the page\u003Cbr\u003E","\u003Cp\u003EA SIMPLE HTML DOCUMENT\r\n\u003Cbr\u003E\u003Cp\u003E\u003C!DOCTYPE html\u003E\r\n\u003Chtml\u003E\r\n\u003Chead\u003E\r\n\u003Ctitle\u003EPage Title\u003C\u002Ftitle\u003E\r\n\u003C\u002Fhead\u003E\r\n\u003Cbody\u003E\r\n\r\n\u003Ch1\u003EMy First Heading\u003C\u002Fh1\u003E\r\n\u003Cp\u003EMy first paragraph.\u003C\u002Fp\u003E\r\n\r\n\u003C\u002Fbody\u003E\r\n\u003C\u002Fhtml\u003E\u003Cbr\u003E","\u003Cp\u003EEXAMPLE EXPLAINED\r\n\u003Cbr\u003EThe \u003C!DOCTYPE html\u003E declaration defines this document to be HTML5\u003Cbr\u003EThe \u003Chtml\u003E element is the root element of an HTML page\u003Cbr\u003EThe \u003Chead\u003E element contains meta information about the document\u003Cbr\u003EThe \u003Ctitle\u003E element specifies a title for the document\u003Cbr\u003EThe \u003Cbody\u003E element contains the visible page content\u003Cbr\u003EThe \u003Ch1\u003E element defines a large heading\u003Cbr\u003EThe \u003Cp\u003E element defines a paragraph\u003Cbr\u003E","\u003Cp\u003EHTML TAGS\r\n\u003Cbr\u003E\u003Cp\u003EHTML tags are element names surrounded by angle brackets:\u003Cbr\u003E\u003Ctagname\u003Econtent goes here...\u003C\u002Ftagname\u003E\u003Cbr\u003EHTML tags normally come in pairs like \u003Cp\u003E and \u003C\u002Fp\u003E\u003Cbr\u003EThe first tag in a pair is the start tag, the second tag is the end tag\u003Cbr\u003EThe end tag is written like the start tag, but with a forward slash inserted before the tag name\u003Cbr\u003ETip: The start tag is also called the opening tag, and the end tag the closing tag.\u003Cbr\u003E","\u003Cp\u003EWEB BROWSERS\r\n\u003Cbr\u003E\u003Cp\u003EThe purpose of a web browser (Chrome, IE, Firefox, Safari) is to read HTML documents and display them.\u003Cbr\u003EThe browser does not display the HTML tags, but uses them to determine how to display the document:\u003Cbr\u003E","\u003Cp\u003EHTML PAGE STRUCTURE\r\n\u003Cbr\u003E\u003Cp\u003EBelow is a visualization of an HTML page structure:\u003Cbr\u003E\u003Cbr\u003E\u003Cbr\u003E\u003Cbr\u003E\u003Cbr\u003E\u003Cbr\u003ENote: Only the content inside the \u003Cbody\u003E section (the white area above) is displayed in a browser.\u003Cbr\u003E","\u003Cp\u003ETHE \u003C!DOCTYPE\u003E DECLARATION\r\n\u003Cbr\u003E\u003Cp\u003EThe \u003C!DOCTYPE\u003E declaration represents the document type, and helps browsers to display web pages correctly.\u003Cbr\u003EIt must only appear once, at the top of the page (before any HTML tags).\u003Cbr\u003EThe \u003C!DOCTYPE\u003E declaration is not case sensitive.\u003Cbr\u003EThe \u003C!DOCTYPE\u003E declaration for HTML is:\u003Cbr\u003E","\u003Cp\u003EHTML VERSIONS\r\n\u003Cbr\u003E\u003Cp\u003ESince the early days of the web, there have been many versions of HTML:\u003Cbr\u003E\u003Cbr\u003E","\u003Cp\u003EHTML EDITORS\r\nWRITE HTML USING NOTEPAD OR TEXTEDIT\r\n\u003Cbr\u003E\u003Cp\u003EWeb pages can be created and modified by using professional HTML editors.\u003Cbr\u003EHowever, for learning HTML usually recommend a simple text editor like Notepad (PC) or TextEdit (Mac).\u003Cbr\u003EUsing a simple text editor is a good way to learn HTML.\u003Cbr\u003EFollow the four steps below to create your first web page with Notepad or TextEdit.\u003Cbr\u003E","\u003Cp\u003EStep 1: Open Notepad (PC)\u003Cbr\u003EWindows 8 or later:\u003Cbr\u003EOpen the Start Screen (the window symbol at the bottom left on your screen). Type Notepad.\u003Cbr\u003EWindows 7 or earlier:\u003Cbr\u003EOpen Start \u003E Programs \u003E Accessories \u003E Notepad\u003Cbr\u003EStep 2: Write Some HTML\u003Cbr\u003EWrite or copy some HTML into Notepad.\u003Cbr\u003E","\u003Cp\u003EStep 3: Save the HTML Page\u003Cbr\u003ESave the file on your computer. Select File \u003E Save as in the Notepad menu.\u003Cbr\u003EName the file \"index.htm\" and set the encoding to UTF-8 (which is the preferred encoding for HTML files).\u003Cbr\u003E\u003Cbr\u003E\u003Cbr\u003EYou can use either .htm or .html as file extension. There is no difference, it is up to you.\u003Cbr\u003E\u003Cbr\u003E","\u003Cp\u003EStep 4: View the HTML Page in Your Browser\u003Cbr\u003EOpen the saved HTML file in your favorite browser (double click on the file, or right-click - and choose \"Open with\").\u003Cbr\u003EThe result will look much like this:\u003Cbr\u003E\r\n\u003Cbr\u003E","\u003Cp\u003EHTML DOCUMENTS\r\n\u003Cbr\u003E\u003Cp\u003EAll HTML documents must start with a document type declaration: \u003C!DOCTYPE html\u003E.\u003Cbr\u003EThe HTML document itself begins with \u003Chtml\u003E and ends with \u003C\u002Fhtml\u003E.\u003Cbr\u003EThe visible part of the HTML document is between \u003Cbody\u003E and \u003C\u002Fbody\u003E.\u003Cbr\u003EExample\u003Cbr\u003E\u003C!DOCTYPE html\u003E\r\n\u003Chtml\u003E\r\n\u003Cbody\u003E\r\n\r\n\u003Ch1\u003EMy First Heading\u003C\u002Fh1\u003E\r\n\u003Cp\u003EMy first paragraph.\u003C\u002Fp\u003E\r\n\r\n\u003C\u002Fbody\u003E\r\n\u003C\u002Fhtml\u003E\u003Cbr\u003ETry yourself\u003Cbr\u003E","\u003Cp\u003EHTML BASIC EXAMPLES\u003Cbr\u003E\u003Cp\u003EHTML Documents\u003Cbr\u003EAll HTML documents must start with a document type declaration: \u003C!DOCTYPE html\u003E.\u003Cbr\u003EThe HTML document itself begins with \u003Chtml\u003E and ends with \u003C\u002Fhtml\u003E.\u003Cbr\u003EThe visible part of the HTML document is between \u003Cbody\u003E and \u003C\u002Fbody\u003E.\u003Cbr\u003EExample:\u003Cbr\u003E","\u003Cp\u003EHTML HEADINGS\r\n\u003Cbr\u003E\u003Cp\u003EHTML headings are defined with the \u003Ch1\u003E to \u003Ch6\u003E tags.\u003Cbr\u003E\u003Ch1\u003E defines the most important heading. \u003Ch6\u003E defines the least important heading: \u003Cbr\u003EExample\u003Cbr\u003E","\u003Cp\u003EHTML PARAGRAPHS\r\n\u003Cbr\u003E\u003Cp\u003EHTML paragraphs are defined with the \u003Cp\u003E tag:\u003Cbr\u003EExample\u003Cbr\u003E","\u003Cp\u003EHTML LINKS\r\n\u003Cbr\u003E\u003Cp\u003EHTML links are defined with the \u003Ca\u003E tag:\u003Cbr\u003EExample\u003Cbr\u003E\u003Cbr\u003E\u003Cbr\u003EThe link's destination is specified in the href attribute. \u003Cbr\u003EAttributes are used to provide additional information about HTML elements.\u003Cbr\u003E\u003Cbr\u003E","\u003Cp\u003EHTML IMAGES\r\n\u003Cbr\u003E\u003Cp\u003EHTML images are defined with the \u003Cimg\u003E tag.\u003Cbr\u003EThe source file (src), alternative text (alt), width, and height are provided as attributes:\u003Cbr\u003EExample\u003Cbr\u003E","\u003Cp\u003EWhat is HTML?\u003Cbr\u003Elist the properties of HTML.\u003Cbr\u003EWhat are HTML Tags? \u003Cbr\u003ETell about HTML Tags more.\u003Cbr\u003EWhat are Web Browsers?\u003Cbr\u003EWhat is HTML Page Structure?\u003Cbr\u003EWhat are HTML Editors?\u003Cbr\u003EWhat are HTML Headings?\u003Cbr\u003EWhat are HTML Paragraphs?\u003Cbr\u003EWhat are HTML Links?\u003Cbr\u003EWhat are HTML Images?\u003Cbr\u003E\u003Cbr\u003E\u003Cbr\u003E\u003Cbr\u003E\u003Cbr\u003E"],href:"\u002Finformatika\u002Fhtml-the-standard-markup-language-for",href_category:"\u002Finformatika",date:1627389443,related:[{id:201618,name:"Компьютерные сети",href:"\u002Finformatika\u002Fkompyuternye-seti-74",jpg:"jpg\u002F201618"},{id:309802,name:"Алгоритмы",href:"\u002Finformatika\u002Falgoritmy-67",jpg:"jpg\u002F309802"},{id:613365,name:"Что такое текстовый редактор?",href:"\u002Finformatika\u002Fchto-takoe-tekstovyy-redaktor",jpg:"jpg\u002F613365"},{id:121888,name:"Сайт andreevats.ru",href:"\u002Finformatika\u002Fsayt-andreevatsru",jpg:"jpg\u002F121888"},{id:239208,name:"Операторы организации циклов",href:"\u002Finformatika\u002Foperatory-organizatsii-tsiklov",jpg:"jpg\u002F239208"},{id:256806,name:"Методы программирования. Поиск в тексте. (Лекция 6)",href:"\u002Finformatika\u002Fmetody-programmirovaniya-poisk-v-tekste-lektsiya",jpg:"jpg\u002F256806"},{id:285193,name:"Электронды есептеуіш машиналардың аналогтық және цифрлық. Ақпаратты өңдеудің ақпараттық және бағдарламалық тәсілдері",href:"\u002Finformatika\u002Felektrondy-esepteush-mashinalardy-analogty-zhne-tsifrly",jpg:"jpg\u002F285193"},{id:107497,name:"Сетевые структуры в современной мировой политике. Сетевой терроризм",href:"\u002Finformatika\u002Fsetevye-struktury-v-sovremennoy-mirovoy-politike-1",jpg:"jpg\u002F107497"},{id:172835,name:"Основы разработки программы на ассемблере",href:"\u002Finformatika\u002Fosnovy-razrabotki-programmy-na-assemblere",jpg:"jpg\u002F172835"},{id:576993,name:"Многофункциональный Telegram-бот",href:"\u002Finformatika\u002Fmnogofunktsionalnyy-telegram-bot",jpg:"jpg\u002F576993"},{id:333361,name:"Информатика, как наука. Понятие информации",href:"\u002Finformatika\u002Finformatika-kak-nauka-ponyatie-informatsii",jpg:"jpg\u002F333361"},{id:19518,name:"ІT-забезпечення інформаційного менеджменту організації: формування інформаційної бази для прийняття управлінських рішень",href:"\u002Finformatika\u002Ft-zabezpechennya-nformatsynogo-menedzhmentu-organzats-formuvannya",jpg:"jpg\u002F19518"},{id:366757,name:"Мобильные вирусы и антивирусы",href:"\u002Finformatika\u002Fmobilnye-virusy-i-antivirusy",jpg:"jpg\u002F366757"},{id:368290,name:"Обработка текстовой информации",href:"\u002Finformatika\u002Fobrabotka-tekstovoy-informatsii-5",jpg:"jpg\u002F368290"},{id:111388,name:"Белгілі бір бағдарламаны жугізушілер қандай болуы керек",href:"\u002Finformatika\u002Fbelgl-br-badarlamany-zhugzushler-anday-boluy",jpg:"jpg\u002F111388"},{id:420805,name:"Язык HTML",href:"\u002Finformatika\u002Fyazyk-html-5",jpg:"jpg\u002F420805"},{id:275157,name:"Интеллектуальные программные роботы – практические кейсы цифровой трансформации бизнес-процессов",href:"\u002Finformatika\u002Fintellektualnye-programmnye-roboty--prakticheskie-keysy",jpg:"jpg\u002F275157"},{id:151759,name:"Подбор оборудования, ПО, средств криптозащиты с учетом требований ФЗ №152 и ФЗ №149. На базе ГБУЗ НО ГДБ №8 г. Дзержинска",href:"\u002Finformatika\u002Fpodbor-oborudovaniya-po-sredstv-kriptozashchity-s",jpg:"jpg\u002F151759"},{id:407069,name:"Параметры печати",href:"\u002Finformatika\u002Fparametry-pechati",jpg:"jpg\u002F407069"},{id:190357,name:"Перечисления. Объявление и использование перечислений",href:"\u002Finformatika\u002Fperechisleniya-obyavlenie-i-ispolzovanie-perechisleniy",jpg:"jpg\u002F190357"},{id:496567,name:"Обобщающий урок информатики в 5 классе по теме Компьютерная графика",href:"\u002Finformatika\u002Fobobshchayushchiy-urok-informatiki-v-5-klasse-1",jpg:"jpg\u002F496567"},{id:462958,name:"9 класс. Урок на тему: Условия выбора и сложные логические выражения",href:"\u002Finformatika\u002F9-klass-urok-na-temu-usloviya",jpg:"jpg\u002F462958"},{id:105638,name:"Векторный графический редактор",href:"\u002Finformatika\u002Fvektornyy-graficheskiy-redaktor",jpg:"jpg\u002F105638"},{id:472040,name:"Как содержать операционную систему в рабочем состоянии длительное время",href:"\u002Finformatika\u002Fkak-soderzhat-operatsionnuyu-sistemu-v-rabochem",jpg:"jpg\u002F472040"},{id:2024,name:"Явные курсоры (PL\u002FSQL)",href:"\u002Finformatika\u002Fyavnye-kursory-plsql",jpg:"jpg\u002F2024"},{id:167586,name:"Работа с текстами и изображениями",href:"\u002Finformatika\u002Frabota-s-tekstami-i-izobrazheniyami",jpg:"jpg\u002F167586"},{id:380885,name:"Эстафета. Информатика",href:"\u002Finformatika\u002Festafeta-informatika",jpg:"jpg\u002F380885"},{id:578156,name:"Что такое Agile?",href:"\u002Finformatika\u002Fchto-takoe-agile",jpg:"jpg\u002F578156"}],navigation:{next:"\u002Finformatika\u002Fsoftware-development-life-cycle-and-methodologies",next_name:"Software Development Life Cycle and Methodologies",prev:"\u002Funcategorized\u002Fkonstruktsiya-skvazhin-2",prev_name:"Конструкция скважин"}}},categories:{result:[{id:I,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:I,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:18,name:"ОБЖ",pseudoname:"obzh"},{id:133,ordering:19,name:"Обществознание ",pseudoname:"obshchestvoznanie"},{id:132,ordering:H,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:J,SITE_HOST:"mypreza.com",SITE_LANG:K,API_BASE_URL:"https:\u002F\u002Fmypreza.com\u002Fapi\u002F",pwaManifest:{name:J,short_name:a,description:a,lang:K,start_url:"\u002F?standalone=true",display:"standalone",background_color:j,theme_color:"#000000",icons:[{src:"\u002F_nuxt\u002Ficons\u002F64x64.f2a6e93d.png",type:d,sizes:L,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F64x64.maskable.f2a6e93d.png",type:d,sizes:L,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F120x120.f2a6e93d.png",type:d,sizes:M,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F120x120.maskable.f2a6e93d.png",type:d,sizes:M,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F144x144.f2a6e93d.png",type:d,sizes:N,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F144x144.maskable.f2a6e93d.png",type:d,sizes:N,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F152x152.f2a6e93d.png",type:d,sizes:O,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F152x152.maskable.f2a6e93d.png",type:d,sizes:O,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F192x192.f2a6e93d.png",type:d,sizes:P,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F192x192.maskable.f2a6e93d.png",type:d,sizes:P,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F384x384.f2a6e93d.png",type:d,sizes:Q,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F384x384.maskable.f2a6e93d.png",type:d,sizes:Q,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F512x512.f2a6e93d.png",type:d,sizes:R,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F512x512.maskable.f2a6e93d.png",type:d,sizes:R,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. The standard markup language for creating Web pages","Учебные презентации","Презентации в 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","Информатика",20,1,"Mypreza","ru","64x64","120x120","144x144","152x152","192x192","384x384","512x512"))</script><script type="module" src="/_nuxt/entry.0d6add34.js" crossorigin></script></body> </html>