Моя вражаюче сітка by https://padlet.com/sanya_semenyuk_632/3n59cdcentto Зроблено з допитливістю en-us 2018-03-14 06:56:12 UTC 2023-01-19 06:16:13 UTC hello@padlet.com Мова HTML sanya_semenyuk_632 https://padlet.com/sanya_semenyuk_632/3n59cdcentto/wish/241724699 2018-03-14 06:56:45 UTC https://padlet.com/sanya_semenyuk_632/3n59cdcentto/wish/241724699 HTML sanya_semenyuk_632 https://padlet.com/sanya_semenyuk_632/3n59cdcentto/wish/241725088
HTML (англ. HyperText Markup Language — Мова розмітки гіпертекстових документів) — стандартна мова розмітки веб-сторінок в Інтернеті. Більшість веб-сторінок створюються за допомогою мови HTML (або XHTML). Документ HTML оброблюється браузером та відтворюється на екрані у звичному для людини вигляді.


HTML є похідною мовою від SGML, успадкувавши від неї визначення типу документа та ідеологію структурної розмітки тексту.


Попри те, що HTML — штучна комп'ютерна мова, вона не є мовою програмування.


HTML разом із каскадними таблицями стилів та вбудованими скриптами — це три основні технології побудови веб-сторінок.

]]> 2018-03-14 06:59:06 UTC https://padlet.com/sanya_semenyuk_632/3n59cdcentto/wish/241725088 Документ HTML sanya_semenyuk_632 https://padlet.com/sanya_semenyuk_632/3n59cdcentto/wish/241725477
Для поліпшення взаємодії SGML вимагає аби кожна похідна мова (HTML у тому числі) визначала свою кодову таблицю для кожного документа, яка складається з репертуару (перелік різноманітних символів) та позиції символу (перелік цифрових посилань на символи з репертуару). Кожен документ HTML — це послідовність символів із репертуару.


HTML використовує найповнішу кодову таблицю UCS (англ. Universal Character Set — Універсальний Набір Символів).


Проте однієї кодової таблиці недостатньо для того, щоб браузери могли правильно відтворювати документи HTML. Для цього браузерам потрібно «знати» специфічну кодову таблицю документа, яку автор має зазначати завжди в елементі meta із параметром charset. За замовчуванням використовується кодова таблиця ISO-8859-1, відома також як Latin-1.


Розмітка

Розмітка в HTML складається з чотирьох основних компонентів: елементів (та їхніх атрибутів), базових типів даних, символьних мнемонік та декларації типу документа.


Загальна структура

Документ HTML 4.01 складається з трьох частин:

  1. Декларація типу документа (англ. Document type declaration, Doctype), на початку документа, в якій визначається тип документа (DTD).
  2. Шапка документа (знаходиться в межах елемента head), в якій записано загальні технічні відомості або додаткова інформація про документ, яка не відтворюється безпосередньо в браузері;
  3. Тіло документа (може знаходитися в елементах body або frameset), в якому міститься основна інформація документа.

Нижче наведено приклад загальної структури HTML-документа:

<!doctype HTML public "-//W3C//DTD HTML 4.01//EN"
   "http://www.w3.org/TR/html4/strict.dtd">
<html>
   <head>
      <title>Мій перший HTML-документ</title>
   </head>
   <body>
      Hello world!
   </body>
</html>
]]> 2018-03-14 07:01:56 UTC https://padlet.com/sanya_semenyuk_632/3n59cdcentto/wish/241725477 Елементи sanya_semenyuk_632 https://padlet.com/sanya_semenyuk_632/3n59cdcentto/wish/241725685
У елемента є початковий тег, який має вигляд <element-name>, та кінцевий тег, який має вигляд </element-name>. Атрибути елемента записуються в початковому тегу одразу після назви елемента, контент елемента записується між його двома тегами. Наприклад: <element-name element-attribute="attribute-value">контент елемента</element-name>.


Деякі елементи, наприклад br, не містять контенту, тож і не мають кінцевого тега. Елемент може не мати початкового та кінцевого тега (наприклад, елемент head), проте він завжди буде представлений в документі.

]]> 2018-03-14 07:03:36 UTC https://padlet.com/sanya_semenyuk_632/3n59cdcentto/wish/241725685 Атрибути sanya_semenyuk_632 https://padlet.com/sanya_semenyuk_632/3n59cdcentto/wish/241725774
Атрибут id впроваджує унікальний ідентифікатор елемента по всьому документу. Доданий до URL документа, він впроваджує глобальний унікальний ідентифікатор елемента.


Це може використовуватися:


Атрибут title використовується для додавання пояснювального тексту для елемента. В більшості браузерів значення цього атрибуту можна побачити як підказку, що виникає при наведенні курсора на елемент.


Атрибут class впроваджує засіб об'єднання схожих елементів у класи.


Це може використовуватися для:

  • відтворення візуальних ефектів. Для презентаційної розмітки, наприклад, документ може містити class="notation", який визначає всі елементи, у яких клас визначений як "notation", підпорядкованими головному тексту документа. Такі елементи можна зібрати докупи і показати як виноски внизу сторінки, замість того, щоб показувати їх на тому місці, де вони з'являються в самому HTML-коді документа;
  • структурного поділу тексту. Для семантичної розмітки, наприклад, класи використовуються у створенні мікроформатів.
]]> 2018-03-14 07:04:14 UTC https://padlet.com/sanya_semenyuk_632/3n59cdcentto/wish/241725774 Базові типи данихДокладніше: Типи даних HTMLОскільки HTML є похідною мовою від SGML, усі типи даних HTML ґрунтуються на базових типах даних SGML (наприклад, PCDATA, CDATA, NAME, ID, NUMBER).Кожен елемент має дві властивості — атрибути і вміст, які мають певні значення. Всі можливі значення цих двох властивостей прописуються відповідно до визначених у DTD типів даних. Нижче наведено кілька типів даних HTML:% Color — колір sRGB, записаний у шістнадцятковому вигляді, або одне з шістнадцяти службових слів;% ContentType — тип умісту/носія;% Charset — таблиця кодування символів;% Character — мнемоніка або окремий символ із UCS;% Length — nn розмір в пікселях, nn% — у відсотках;% URI — Уніфікований ідентифікатор ресурсів;% Datetime — дата та час;% Script — скрипт;% StyleSheet — дані таблиць стилів;% Text — текстові рядки. sanya_semenyuk_632 https://padlet.com/sanya_semenyuk_632/3n59cdcentto/wish/241725885 2018-03-14 07:05:00 UTC https://padlet.com/sanya_semenyuk_632/3n59cdcentto/wish/241725885 Відеоуроки sanya_semenyuk_632 https://padlet.com/sanya_semenyuk_632/3n59cdcentto/wish/241727313 https://www.youtube.com/watch?v=MDPV0N7fh8s

https://www.youtube.com/watch?v=FW_BaNRGyTw

https://www.youtube.com/watch?v=UGyeumv6pPw

https://www.youtube.com/watch?v=ewLEg3Dvy_A

https://www.youtube.com/watch?v=LH-sKB9RaMs

https://www.youtube.com/watch?v=X1d6Q4aRt8k]]> 2018-03-14 07:13:12 UTC https://padlet.com/sanya_semenyuk_632/3n59cdcentto/wish/241727313