Відмінності між версіями «19 Прийоми створення веб-графіки»
(Створена сторінка: Web-сторінки можуть існувати в будь-якому форматі, але в якості стандарту прийнятий Hyper Text M...) |
|||
| Рядок 8: | Рядок 8: | ||
HTML був ратифікований World Wide Web Consortium. Він підтримується декількома широко поширеними броузерами, і, можливо, стане підставою майже всього програмного забезпечення, яке має відношення до Web. | HTML був ратифікований World Wide Web Consortium. Він підтримується декількома широко поширеними броузерами, і, можливо, стане підставою майже всього програмного забезпечення, яке має відношення до Web. | ||
| − | + | '''Структура HTML документа''' | |
Оскільки HTML-документи записуються в ASCII-форматі, то для її створення може використаний будь-який текстовий редактор. | Оскільки HTML-документи записуються в ASCII-форматі, то для її створення може використаний будь-який текстовий редактор. | ||
Зазвичай HTML-документ - це файл з розширенням. Html або. Htm, в якому текст розмічений HTML-тегами (англ. tag - спеціальні вбудовані вказівки). Засобами HTML задаються синтаксис і розміщення тегів, відповідно до яких браузер відображає вміст Веб-документа. Текст самих тегів Веб-браузером не відображається. | Зазвичай HTML-документ - це файл з розширенням. Html або. Htm, в якому текст розмічений HTML-тегами (англ. tag - спеціальні вбудовані вказівки). Засобами HTML задаються синтаксис і розміщення тегів, відповідно до яких браузер відображає вміст Веб-документа. Текст самих тегів Веб-браузером не відображається. | ||
| − | + | Всі теги починаються символом '<' і закінчуються символом '>'. Зазвичай є пара тегов - стартовий (що відкриває) і завершальний (що закриває) тег (схоже на що відкриваються і закриваються дужки в математиці), між якими міститься розмічається інформація: | |
<p> Інформація </ p> | <p> Інформація </ p> | ||
| Рядок 33: | Рядок 33: | ||
<HEAD> І </ HEAD>. Між цими тегами розташовується інформація про документ (назва, ключові слова для пошуку, опис і т.д.). Однак найбільш важливим є назва документа, яке ми бачимо у верхньому рядку вікна браузера і в списках "Вибране (BookMark)". Спеціальні програми-спайдери пошукових систем використовують назву документа для побудови своїх баз даних. Для того щоб дати назву своєму HTML-документу текст поміщається між тегами <TITLE> і </ TITLE>. | <HEAD> І </ HEAD>. Між цими тегами розташовується інформація про документ (назва, ключові слова для пошуку, опис і т.д.). Однак найбільш важливим є назва документа, яке ми бачимо у верхньому рядку вікна браузера і в списках "Вибране (BookMark)". Спеціальні програми-спайдери пошукових систем використовують назву документа для побудови своїх баз даних. Для того щоб дати назву своєму HTML-документу текст поміщається між тегами <TITLE> і </ TITLE>. | ||
| − | + | ||
| − | + | <HTML> | |
| − | + | ||
| − | + | <HEAD> | |
| − | + | ||
| + | <TITLE> Моя перша сторінка </ TITLE> | ||
| + | |||
| + | </ HEAD> | ||
| + | |||
| + | </ HTML> | ||
C) Тіло документа. | C) Тіло документа. | ||
Третьою головною частиною документа є його тіло. Воно йде відразу за заголовком і знаходиться між тегами <BODY> і </ BODY>. Перший з них повинен стояти відразу після тега </ HEAD>, а другий - перед тегом </ HTML>. Тіло HTML-документа - це місце, куди автор поміщає інформацію, відформатовану засобами HTML. | Третьою головною частиною документа є його тіло. Воно йде відразу за заголовком і знаходиться між тегами <BODY> і </ BODY>. Перший з них повинен стояти відразу після тега </ HEAD>, а другий - перед тегом </ HTML>. Тіло HTML-документа - це місце, куди автор поміщає інформацію, відформатовану засобами HTML. | ||
| − | + | ||
| − | + | <HTML> | |
| − | + | ||
| − | + | <HEAD> | |
| − | + | ||
| − | + | <TITLE> Моя перша сторінка </ TITLE> | |
| − | + | ||
| + | </ HEAD> | ||
| + | |||
| + | <BODY> | ||
| + | |||
| + | </ BODY> | ||
| + | |||
| + | </ HTML> | ||
Тепер ми можемо написати HTML-код нашої сторінки: | Тепер ми можемо написати HTML-код нашої сторінки: | ||
| − | + | <HTML> | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | <HEAD> | |
| + | |||
| + | <TITLE> Моя перша сторінка </ TITLE> | ||
| + | |||
| + | </ HEAD> | ||
| + | |||
| + | <BODY> | ||
| + | |||
| + | Тут будуть мої сторінки! | ||
| + | |||
| + | </ BODY> | ||
| + | |||
| + | </ HTML> | ||
Версія за 00:32, 20 грудня 2011
Web-сторінки можуть існувати в будь-якому форматі, але в якості стандарту прийнятий Hyper Text Markup Language - мова розмітки гіпертекстів, призначена для створення форматованого тексту, насиченого зображеннями, звуком, анімацією, відео та гіпертекстовими посиланнями на інші документи, розкидані як по всьому Web- простору, так і що знаходяться на цьому ж сервері або є складовою частиною цього ж Веб-проекту.
Можна працювати на Web без знання мови HTML, оскільки тексти HTML можуть створюватися різними спеціальними редакторами і конвертерами. Але писати безпосередньо на HTML неважко. Можливо, це навіть легше, ніж вивчати HTML-редактор або конвертер, які часто обмежені в своїх можливостях, містять помилки або проводять поганий HTML код, який не працює на різних платформах.
Мова HTML існує в декількох варіантах і продовжує розвиватися, але конструкції HTML швидше за все будуть використовуватися і надалі. Вивчаючи HTML і пізнаючи його глибше, створюючи документ на початку вивчення HTML і розширюючи його наскільки це можливо, ми маємо можливість створювати Web-сторінки, які можуть бути переглянуті багатьма броузерами Web, як зараз, так і в майбутньому. Це не виключає можливості використання інших методів, наприклад, метод розширених можливостей, що надається Netscape Navigator, Internet Explorer або деякими іншими програмами.
Робота по HTML - це спосіб засвоїти особливості створення документів в стандартизованому мові, використовуючи розширення, тільки якщо це дійсно необхідно.
HTML був ратифікований World Wide Web Consortium. Він підтримується декількома широко поширеними броузерами, і, можливо, стане підставою майже всього програмного забезпечення, яке має відношення до Web. Структура HTML документа Оскільки HTML-документи записуються в ASCII-форматі, то для її створення може використаний будь-який текстовий редактор.
Зазвичай HTML-документ - це файл з розширенням. Html або. Htm, в якому текст розмічений HTML-тегами (англ. tag - спеціальні вбудовані вказівки). Засобами HTML задаються синтаксис і розміщення тегів, відповідно до яких браузер відображає вміст Веб-документа. Текст самих тегів Веб-браузером не відображається.
Всі теги починаються символом '<' і закінчуються символом '>'. Зазвичай є пара тегов - стартовий (що відкриває) і завершальний (що закриває) тег (схоже на що відкриваються і закриваються дужки в математиці), між якими міститься розмічається інформація:
Інформація </ p> Тут стартовим тегом є тег <P>, а завершальним - </ P>. Завершальний тег відрізняться від стартового лише тим, що в нього перед текстом в дужках <> стоїть символ '/' (слеш). Браузер, який читає HTML-документ, відображає його у вікні, використовуючи структуру HTML-тегів. У кожному HTML-документі повинні бути присутніми три головні частини: A) Оголошення HTML; B) Заголовачная частину; C) Тіло документа. A) Оголошення HTML <HTML> І </ HTML>. Пара цих тегів повідомляє програмі перегляду (браузеру) що між ними укладено документ у форматі HTML, причому першим тегом в документі повинен бути тег <HTML> (на самому початку документа), а останнім - </ HTML> (в самому кінці документа). <HTML> . . . </ HTML> B) Заголовна частина. <HEAD> І </ HEAD>. Між цими тегами розташовується інформація про документ (назва, ключові слова для пошуку, опис і т.д.). Однак найбільш важливим є назва документа, яке ми бачимо у верхньому рядку вікна браузера і в списках "Вибране (BookMark)". Спеціальні програми-спайдери пошукових систем використовують назву документа для побудови своїх баз даних. Для того щоб дати назву своєму HTML-документу текст поміщається між тегами <TITLE> і </ TITLE>. <HTML> <HEAD> <TITLE> Моя перша сторінка </ TITLE> </ HEAD> </ HTML> C) Тіло документа. Третьою головною частиною документа є його тіло. Воно йде відразу за заголовком і знаходиться між тегами <BODY> і </ BODY>. Перший з них повинен стояти відразу після тега </ HEAD>, а другий - перед тегом </ HTML>. Тіло HTML-документа - це місце, куди автор поміщає інформацію, відформатовану засобами HTML. <HTML> <HEAD> <TITLE> Моя перша сторінка </ TITLE> </ HEAD> <BODY> </ BODY> </ HTML> Тепер ми можемо написати HTML-код нашої сторінки: <HTML> <HEAD> <TITLE> Моя перша сторінка </ TITLE> </ HEAD> <BODY> Тут будуть мої сторінки! </ BODY> </ HTML>
