HTML: відмінності між версіями
Вилучено вміст Додано вміст
Немає опису редагування |
Немає опису редагування |
||
Рядок 1:
== Вступ ==
Одного разу я побачив книжку по Web-дизайну, а, оскільки я мав звичку читати все що бачу, то я її прочитав. І з того часу вважав що знаю HTML. Але недавно, мені сказали адресу одного хорошого сайту [http://www.w3schools.com/ www.w3schools.com]. Символи “w3″ в назві сайту
[[Файл:Html-small.png]]
Рядок 10:
Як годиться варто почати з означень. [[:w:HTML|HTML]] (Hyper Text Markup Language) – значить мова розмітки гіпертекстових сторінок. Навіть не вважається мовою програмування, але кожен програміст, що себе поважає має її знати. Бо без неї вчити [[:w:JavaScript|JavaScript]], чи [[:w:PHP|PHP]] нема сенсу.
Чим відрізняється стандарт HTML 4.01 від попередніх HTML? Спочатку коротенька історія. Існує така ооганізація – “w3c” (World Wide Web Consorcium). Суть її роботи добре виражена в їхньому гаслі “Leading the Web to Its Full Potential…” (“Приведемо всесвітнє павутиння до його повних можливостей”). Судячи з того що вони вже зробили, люди розумні, і свою роботу знають. І коли вони кажуть, що в майбутньому браузери не будуть підтримувати старі версії HTML, то воно напевне так і буде. А нові браузери з’являються не так вже і рідко. Коли “w3c” створювали стандарт HTML, в ньому не передбачалося тегів для форматування гіпертексту. Теги показували тільки структуру документа,
<source lang="html4strict">
Рядок 34:
Для того щоб вивчити HTML, окрім читання цього підручника нам потрібно мати:
# [[w:
# [[
# [[
Оскільки ви читаєте цей текст, дві перші речі в вас точно є. Текстовий редактор також є на кожному комп’ютері. Важливо зауважити: нам потрібна програма для редагування текстових файлів, а не документів. Зазвичай стандартного текстового редактора вашої ОС (наприклад gedit у GNOME, KEdit у KDE, блокнота Windows) достатньо, але є текстові редактори, які краще пристосовані до написання HTML сторінок. Непоганий редактор для windows [[:w:Notepad++|Notepad++]], в якому добре писати не тільки HTML,а і CSS, PHP, C++, і ще кілька десятків інших мов. В ньому є така хороша річ, як підсвітка синтаксису, яка дозволяє виявляти помилки прямо під час їх створення :). Якщо ж у вас Лінукс, тоді ви точно знаєте що таке хороший текстовий редактор.
Рядок 121:
<h2>Пролог</h2>
<h3>Про гобітів</h3>
У цій книзі йтиметься здебільшого про
<h1>БРАТСТВО ПЕРСНЯ</h1>
<h2>КНИГА ПЕРША</h2>
Рядок 317:
<blockquote><i>Краще писати всі атрибути і їх значення маленькими буквами.<br />
Нащо?<br />
Заради майбутнього! (Бо так вимагає HTML 4.
</blockquote>
Рядок 481:
{|border=1
|-
!
|-
!Рядок 1
|
|
|-
!Рядок 2
| Рядок 2 Стовпець 1
|
|}
Рядок 506:
Деякі браузери не відображають порожні клітинки (тобто не обводять їх рамкою). Можете подивитись що робить ваш, в попередньому прикладі верхня ліва клітинка порожня. Щоб обдурити браузер, і змусити його відображати клітинку так ніби там щось є, ми можемо покласти туди невидимий символ – . Це символ незламного пропуску :) (Non Breakable SPace). Назвали його незламним, того, що слова розділені таким пропуском переносяться на наступний рядок тільки разом.
Клітинки таблиці можна
<source lang="html4strict">
<table border="1">
<tr><td colspan="2">Рядок 1 Стовпець 1
<tr><td>Рядок 2 Стовпець 1</td><td rowspan="3">Рядок 2 Стовпець 2 простягяється на 2 вниз</td><td>Рядок 2 Стовпець 3</td></tr>
<tr><td>Рядок 3 Стовпець 1</td><td>Рядок 3 Стовпець 3</td></tr>
Рядок 519:
<table border="1">
<tr><td colspan="2">Рядок 1 Стовпець 1
<tr><td>Рядок 2 Стовпець 1</td><td rowspan="3">Рядок 2 Стовпець 2 простягяється на 2 вниз</td><td>Рядок 2 Стовпець 3</td></tr>
<tr><td>Рядок 3 Стовпець 1</td><td>Рядок 3 Стовпець 3</td></tr>
| |||