Відмінності між версіями «Теги»
Матеріал з Wiki TNEU
| Рядок 7: | Рядок 7: | ||
В прикладі показано типічний HTML- документ с тегами і текстом. | В прикладі показано типічний HTML- документ с тегами і текстом. | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | + | <pre> | |
| − | + | <code class=" html"> | |
| + | <span class="doctype"><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"></span> | ||
| + | <span class="tag"> | ||
| + | < | ||
| + | <span class="keyword">html</span> | ||
| + | > | ||
| + | </span> | ||
| + | <span class="tag"> | ||
| + | < | ||
| + | <span class="keyword">head</span> | ||
| + | > | ||
| + | </span> | ||
| + | <span class="tag"> | ||
| + | < | ||
| + | <span class="keyword">meta</span> | ||
| + | <span class="attribute"> | ||
| + | http-equiv= | ||
| + | <span class="value"> | ||
| + | </span> | ||
| + | <span class="attribute"> | ||
| + | content= | ||
| + | <span class="value">"text/html; charset=utf-8"</span> | ||
| + | </span> | ||
| + | > | ||
| + | </span> | ||
| + | <span class="tag"> | ||
| + | < | ||
| + | <span class="keyword">title</span> | ||
| + | > | ||
| + | </span> | ||
| + | Lorem ipsum | ||
| + | <span class="tag"> | ||
| + | </ | ||
| + | <span class="keyword"> | ||
| + | > | ||
| + | </span> | ||
| + | <span class="tag"> | ||
| + | </ | ||
| + | <span class="keyword">head</span> | ||
| + | > | ||
| + | </span> | ||
| + | <span class="tag"> | ||
| + | < | ||
| + | <span class="keyword">body</span> | ||
| + | > | ||
| + | </span> | ||
| + | <span class="tag"> | ||
| + | < | ||
| + | <span class="keyword">p</span> | ||
| + | > | ||
| + | </span> | ||
| + | Lorem ipsum dolor sit amet consectetuer cursus pede pellentesque vitae pretium. Tristique mus at elit lobortis libero Sed vestibulum ut eleifend habitasse. Quis Nam Mauris adipiscing Integer ligula dictum sed at enim urna. Et scelerisque id et nibh dui tincidunt Curabitur faucibus elit massa. Tincidunt et gravida Phasellus eget parturient faucibus tellus at justo sollicitudin. Mi nulla ut adipiscing. | ||
| + | <span class="tag"> | ||
| + | </ | ||
| + | <span class="keyword">p</span> | ||
| + | > | ||
| + | </span> | ||
| + | <span class="tag"> | ||
| + | </ | ||
| + | <span class="keyword">body</span> | ||
| + | > | ||
| + | </span> | ||
| + | <span class="tag"> | ||
| + | </ | ||
| + | <span class="keyword">html</span> | ||
| + | > | ||
| + | </span> | ||
| + | </code> | ||
| + | </pre> | ||
В даному прикладі використовується одиночний тег <>, а парних тегів зарзу декілька : <html>,<head>,<title>,<body>,<p>. | В даному прикладі використовується одиночний тег <>, а парних тегів зарзу декілька : <html>,<head>,<title>,<body>,<p>. | ||
</html> | </html> | ||
Версія за 17:32, 11 вересня 2011
Для того щоб браузер при відображенні докуменнта розумів ,що має справу не з простим текстом, а елементом форматування використовуються теги. Загальний синтаксис написання тегів такий- <тег атрибут1="значенню" атрибут2="значенню"> <тег атрибут1="значенню" атрибут2="значенню">...</тег>
Як видно з наведенного прикладу,теги бувають двох типів - одиночні і парні ( контейнери ). Одиночні теги використовуються самостійно ,а парні можуть включати в середині себе інші теги ,або текст. У тегів дозволене використання різноманітних атрибутів,які діляться між собою пробілом . Втім, бувають теги без всяких допоміжних атрибутів. Умовні атрибути можна підрозділити на обовязкові, вони повинні бути і необовязкові їх добавляння залежеть від цілі використання.
В прикладі показано типічний HTML- документ с тегами і текстом.
<code class=" html"> <span class="doctype"><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"></span> <span class="tag"> < <span class="keyword">html</span> > </span> <span class="tag"> < <span class="keyword">head</span> > </span> <span class="tag"> < <span class="keyword">meta</span> <span class="attribute"> http-equiv= <span class="value"> </span> <span class="attribute"> content= <span class="value">"text/html; charset=utf-8"</span> </span> > </span> <span class="tag"> < <span class="keyword">title</span> > </span> Lorem ipsum <span class="tag"> </ <span class="keyword"> > </span> <span class="tag"> </ <span class="keyword">head</span> > </span> <span class="tag"> < <span class="keyword">body</span> > </span> <span class="tag"> < <span class="keyword">p</span> > </span> Lorem ipsum dolor sit amet consectetuer cursus pede pellentesque vitae pretium. Tristique mus at elit lobortis libero Sed vestibulum ut eleifend habitasse. Quis Nam Mauris adipiscing Integer ligula dictum sed at enim urna. Et scelerisque id et nibh dui tincidunt Curabitur faucibus elit massa. Tincidunt et gravida Phasellus eget parturient faucibus tellus at justo sollicitudin. Mi nulla ut adipiscing. <span class="tag"> </ <span class="keyword">p</span> > </span> <span class="tag"> </ <span class="keyword">body</span> > </span> <span class="tag"> </ <span class="keyword">html</span> > </span> </code>В даному прикладі використовується одиночний тег <>, а парних тегів зарзу декілька : <html>,<head>,<title>,<body>,
. </html>
