23:48 Елементи HTML | |
| HTML — це теговый мова розмітки документів, тобто будь-який документ на мові HTML являє собою набір елементів, причому початок і кінець кожного елемента позначається спеціальними позначками, які називаються тегами. Регістр, в якому набрано ім'я тега, в HTML не має значення. Елементи можуть бути порожніми, тобто не містять ніякого тексту та інших даних (наприклад, тег переведення рядка <br>). В цьому випадку зазвичай не вказується закриваючий тег. Крім того, елементи можуть мати атрибути, які визначають їх властивості (наприклад, розмір шрифту для тега <font>). Атрибути вказуються в початковому тегу. Ось приклад частини розмітки HTML-документа: <p>Текст між двома тегами - відкриває та закриває.</p> <a href="http://www.example.com">Тут елемент містить атрибут href.</a> А ось приклад порожнього елемента: <br> Кожен HTML-документ, який відповідає специфікації HTML будь-якої версії, зобов'язаний починатися з рядка декларації версії HTML <!DOCTYPE>, яка зазвичай виглядає приблизно так: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> Якщо цей рядок не вказана, то домогтися коректного відображення документа в браузері стає важче. Далі позначається початок і кінець документа тегами <html> і </html> відповідно. Всередині цих тегів повинні перебувати теги заголовка (<head></head>) і тіла (<body></body>) документа. Строгий (Strict): не містить тегів, позначених як «застарілі» або «не схвалювані» (deprecated). <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> Перехідний (Transitional): містить застарілі теги в цілях сумісності та спрощення переходу зі старих версій HTML. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> З фреймів (Frameset): аналогічний перехідному, але містить також теги для створення наборів фреймів. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd"> <a href="filename" target="_self">назва посилання</a> Атрибут href, задає значення адреси документа, на який вказує посилання. filename — ім'я файлу або адресу Internet, на який потрібно послатися. назва посилання — назва гіпертекстового посилання, яке буде відображатися в браузері, тобто показуватися тим, хто зайшов на сторінку. target — визначає значення вікна або фрейму, в якому буде відкритий документ, на який вказує посилання. Можливі значення атрибута: _top — відкриття документа в поточному вікні; _blank — відкрити в новому вікні; _self — відкриття документа в поточному фреймі; _parent — відкриття документа в батьківському фреймі. Значення за замовчуванням: _self. Той же елемент використовується для створення так званих «якорів» (anchor), які можуть потім використовуватися в гіперлінки, спрямованих на якийсь певний елемент сторінки. Наприклад: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Якір всередині документа</title> </head> <body> <p><a name="top"></a></p> <p>текст</p> <p><a href="#top">Вгору</a></p> </body> </html> Аналогічним чином якір можна зробити на ятати, що знаходиться на іншій веб-сторінці або на іншому сайті: там, куди спрямована посилання, повинен стояти <a name="xxx"></a>, а там, звідки йде посилання, до значення href додається знак решітки і назва якоря. <H1> ... </H1>, <H2> ... </H2>, ... ,<H6> ... </H6> — заголовки 1, 2, ... 6 рівня. Використовуються для виділення частин тексту (заголовок 1 — найбільший, 6 — самий дрібний). <P> — новий абзац. Можна в кінці абзацу поставити </P>, але це не обов'язково. <BR> — новий рядок. Цей тег не закривається (тобто не існує тега </BR>) <HR> — горизонтальна лінія <BLOCKQUOTE> ... </BLOCKQUOTE> — цитата. Зазвичай текст зсувається вправо. <PRE> ... </PRE> — режим preview (preformatted text). У цьому режимі текст полягає в рамку і ніяк не форматується (тобто теги, крім </PRE>, ігноруються, і переклади рядка ставляться там, і тільки там, де вони є в оригінальному документі). <DIV> ... </DIV> — блок (зазвичай використовується для застосування стилів CSS) <SPAN> ... </SPAN> — рядок (зазвичай використовується для застосування стилів CSS) | |
|
| |
| Всего комментариев: 0 | |
