Базові навички HTML

Сьогодні: -0 -0 -0

Зараз онлайн: На сайті -10 На IRC-каналі -2

Експерти зі статусомтретій клас і вище отримують можливість використовувати у своїх повідомленнях html-теги для форматування тексту. На цій сторінці наведені основні та найчастіше використовувані html-теги. Словом, навіть якщо Ви не знайомі з HTML, цей посібник Вам допоможе.

Стилі тексту

Жирний (bold) - оформляється за допомогою тегаі відповідного закриває тега.

Курсив (italic) – оформляється за допомогою тега..

Приклад: "Варто звернути увагу нацей факт" буде відображено так: "Варто звернути увагу нацей факт".

Існує можливість зробити текст закресленим (приклад) - це робиться тегом., хоча використовується досить рідко.

Гіперпосилання

Зображення

Для вставки зображень на сторінку існує HTML-тег . У параметрі SRC цього тега слід прописати абсолютний або відносний шлях файлу зображення. Додаткові параметри WIDTH та HEIGHT дозволяють задати відповідно ширину та висоту зображення. Вказувати їх зовсім не обов'язково — якщо ці параметри відсутні, зображення буде відображено в справжніх розмірах (1 : 1). Параметр ALT дозволяє вказати текст спливаючої підказки для зображення. Цей текст також побачить, якщо зображення не буде завантажено (або якщо в браузері вимкнено показ зображень). Приклад:

Закривати тегне потрібно, тобто. писатине потрібно, такого тега в HTML немає. Найбільш вірний варіант - вказати, що тег є самозакривається - для цього його потрібно закінчити комбінацією/>, т.к. у стандартах останніх версій HTML прийнятотакий спосіб (див. приклад вище).

Колір тексту

Іноді корисно виділити ділянку тексту іншим кольором. Це можна зробити за допомогою тега SPAN, вказавши в стилі параметр COLOR. Параметр COLOR задається форматі #RRGGBB, тобто. формується трьома складовими кольору. Ці значення задаються у шістнадцятковому форматі (символи 0-9 та літери A-F).Тег обов'язково має бути закритий! Приклад:

Блоки програмного коду

Для особливого виділення ділянок програмного коду в повідомленнях можна використовувати спеціальний тег (оформлення тексту трохи відрізнятиметься). Приклад:

Використовуючи цей тег, небажано залишати його на окремому рядку, інакше може вийти великий розрив між блоком та текстом. Тобто. не краще писати так: B: = False;

Рекомендується так: B: = False;

Докладнішу інформацію про цей тег можна знайти в розділі Функції та прийоми роботи.

Для вказівки, що частина тексту є цитатою (повідомлення іншого учасника або текст з іншого джерела), можна використовувати тег . Слід просто обрамити текст цитати цим тегом і текст буде виділено відповідним чином. Приклад:

Альтернативний варіант виділення цитат - спосіб, що використовується в електронній пошті - підстановка початку рядків символу "> ". Однак такий спосіб системою не розпізнається і цитата залишиться звичайним текстом, у той час як використання спеціального тега, описаного вище, виділяє цитату в спеціальну рамку.

• Параметрuser дозволяє вказати учасника сайту, якому належить цитований текст. Формат: цитований текст. Тут 12345 – унікальний ідентифікаційний номер учасника (ID). Цей номер можна переглянути на сторінці особистої інформації про учасника.
• Параметрname дозволяєпросто вказати ім'я людини чи назву джерела, якому належить цитата. Формат: цитований текст.

За наявності одного з цих параметрів до блоку з цитатою додається відповідна інформація. У випадку, якщо вказано обидва параметри, буде оброблений параметр user - він вважається пріоритетнішим, оскільки крім імені людини містить ще й посилання на його профіль.

Додатки

Регістр написання тегів немає значення, т. е. іи буде сприйнято однаково. Природно, теги можна комбінувати, наприклад текст може бути одночасно написаний курсивним шрифтом і напівжирним (див. приклад вище).Не забувайте закривати теги! Незакриті теги в більшості випадків застосовуються до всього тексту, наступного далі, тому сторінка може сильно спотворитися.

Оскільки символи " " використовуються для позначення самих тегів, їх вставлення в текст не призводить до реального відображення самих символів у тексті (за винятком випадку, коли вставлено символ ">", але ніякий тег не був відкритий). Ці символи мають спеціальне позначення в html: " " - це "> ". Таким чином, щоб написати "2 1", потрібно написати "2 1". Те саме стосується і знака "& " - він вставляється за допомогою "& ". Також рекомендується замінювати лапки (хоча в більшості випадків вони добре розпізнаються і без цього). Еквівалент подвійних лапок - "" "

---