Читати книгу - "інформатика, Іванна Клиса"
Шрифт:
Інтервал:
Добавити в закладку:
<a href="https: //w3schoolsua. github. io/">Це посилання</a>
HTML параграфи визначаються за допомогою тега <p>:
<p>Це параграф. </p>
<p>Це інший параграф. </p>
HTML посилання визначаються за допомогою тега <a>:
<a href="https: //w3schoolsua. github. io/">Це посилання</a>
HTML кнопки визначаються за допомогою тега <button>:
<button>Натисніть мене</button>
HTML списки визначаються за допомогою тегів <ul> (невпорядкований/маркований список) або <ol> (упорядкований / нумерований список), з подальшими тегами <li> (пункти списку).
Наприклад:
<h2>Невпорядкований список HTML</h2>
<ul>
<li>Кава</li>
<li>Чай</li>
<li>Молоко</li>
</ul>
<h2>Впорядкований список HTML</h2>
<ol>
<li>Кава</li>
<li>Чай</li>
<li>Молоко</li>
</ol>
Безкоштовні програми для редагування HTML коду, CSS, а також редактори WYSIWYG – все це можна віднайти за адресою: http://winsoft.com.ua/windows/rozrobnikam/web-redaktori-wysiwyg.
За допомогою WEB редакторів можна створювати сторінки і навіть цілі сайти, виконувати верстку шаблонів для популярних CMS [14].
Блокнот – самий вірний і надійний редактор – звичайний вбудований в ОС Windows текстовий редактор «Блокнот» (Notepad).
Notepad ++...
Microsoft FrontPage....
Macromedia HomeSite....
Adobe Dreamweaver....
Набираємо документ за зразком:
Поняття про мову розмітки гіпертексту. HTML-документ. Програми для створення HTML-файлів.
6.3. Теги і структура документа
<!DOCTYPE> – призначений для вказівки типу поточного документа.
<! – -> – додає коментар до коду документа.
<a> – створення посилань.
<abbr> – позначає текст як абревіатуру.
<acronym> – вказує на те, що текст є акронімом.
<address> – містить інформацію про про автора (-ів) сайту.
<applet> – вставка на сторінку аплетів – невеликих програм, написаних на мові Java.
<area> – визначає активні області зображення, які є посиланнями.
<article> HTML5 – позначає текст публікації, основний контент на сторінці.
<aside> HTML5 – визначає блок збоку від контенту для розміщення рубрик, посилань на архів, міток та іншої інформації.
<audio> HTML5 – додає, відтворює і керує налаштуваннями аудіофайлів на веб-сторінці.
<b> – встановлює жирне накреслення шрифту.
<base> – інструктує браузер щодо повної базової адреси поточного документа в якому використовується відносна адреса.
<basefont> – призначений для завдання шрифту, розміру і кольору тексту за замовчуванням.
<bdi> HTML5 – вказує фрагмент тексту, який повинен бути ізольований від зміни напрямку виведення тексту.
<bdo> – встановлює напрямок виведення тексту і переважно призначений для використання з мовами, де читання відбувається справа наліво.
<bgsound> – визначає музичний файл, який буде програватися на веб-сторінці при її відкритті.
<blockquote> – призначений для виділення довгих цитат всередині документа.
<big> – збільшує розмір шрифту на одиницю в порівнянні зі звичайним текстом.
<body> – призначений для зберігання вмісту веб-сторінки (контенту), що відображається у вікні браузера [14].
<blink> – встановлює миготіння тексту.
<br> – встановлює перенесення рядка в тому місці, де цей тег знаходиться.
<button> – створює на веб-сторінці кнопки.
<canvas> HTML5 – створює область, в якій за допомогою JavaScript можна малювати різні об'єкти, виводити зображення, трансформувати їх і змінювати властивості.
<caption> – створює заголовок таблиці і може розміщуватися тільки всередині контейнера <table>, причому відразу після відкритого тега.
<center> – вирівнює вміст контейнера по центру щодо батьківського елемента.
<cite> – позначає текст як цитату або виноску на інший матеріал.
<code> – призначений для відображення одного або декількох рядків тексту, який являє собою програмний код.
<col> – задає ширину й інші характеристики однієї або декількох колонок таблиці.
<colgroup> – призначений для завдання ширини і стилю однієї або декількох колонок таблиці.
Увага!
Сайт зберігає кукі вашого браузера. Ви зможете в будь-який момент зробити закладку та продовжити читання книги «інформатика, Іванна Клиса», після закриття браузера.
