рефераты конспекты курсовые дипломные лекции шпоры

Реферат Курсовая Конспект

МОВА HTML

МОВА HTML - раздел Программирование, Українська Будівельна Корпорація «Укрбуд» ...

Українська будівельна корпорація «УКРБУД»

Київський коледж будівництва, архітектури та дизайну

ВСТУП

 

Web-сторінка - це створений за допомогою мови HTML текстовий файл, який можна відобразити у вікні Web-браузера.

Для створення i редагування HTML-файла можна скористатися будь-яким текстовим редактором. Якщо HTML-файл відкрити за допомогою засобів перегляду, наприклад, Internet Explorer, він відображає текст, графіку i гіперпосилання на інші Web-сторінки.

Гіперпосилання - це фрагменти тексту або зображення на Web-сторінці, які дозволяють клацанням на них відкривати інші Web-сторінки.

Гіперпосилання виглядає, як підкреслений текст. Курсор миші на гіперпосиланні набуває форми руки. При клацанні на гіперпосиланні відкривається зв'язаний з ним документ. Якщо е доступ до Internet, гіперпосилання на Web-вузли відкриють Internet Explorer i доступ до відповідного Web-вузла. Гіперпосилання дають можливість користувачу переходи на Web-сторінках вад одного матеріалу до іншого.

Користувачі WWW можуть не тільки переглядати чужі Web-сторінки, але и створювати свої. Щоб створювати Web-сторінки, нема необхідності вивчати мову HTML. Можна конвертувати у Web-сторінки документи, створенні за допомогою текстового процесора Word, або за допомогою засобу Prints Page Express, що є в складі Windows'98.

Проте конвертуванні документи містять, як правило, багато зайвих чи нераціонально використаних елементів, що значно сповільнює роботу з ними, особливо в умовах несучасних каналів зв'язку.


ВСТУП В МОВУ HTML

Керуючим елементом мови HTML єтег, який визначає, як буде виглядати відповідний фрагмент на екрані браузера. Тег - це команда HTML формування вигляду фрагменту Web-сторінки, яка завжди… Наприклад,<I> - почати виводити текст курсивом,<B> - почати виводити текст напівжирним.

СТРУКТУРА HTML-ДОКУМЕНТА

Bci HTML-документа будуються за визначеними правилами: §текст документа починається тегом <HTML> i закінчується тегом… §всередині контейнера <HTML> знаходяться ще два контейнери <HEAD> (заголовок Web-сторінки) і <BODY>…

ВСТАНОВЛЕННЯ КОЛЬОРУ ТЕКСТУ

Наведемо кілька базових кольорів HTML. Щоб задати колір для всього документа, треба дати відповідну команду в… <body text="#336699">

ВСТАНОВЛЕННЯ КОЛЬОРУ ФОНУ

<body bgcolor="#000000"> Якщо колір в <body> не вказувати, то з мовчазної згоди він буде білим… Спробуйте до попереднього HTML-файлу за допомогою редактора "Блокнот" додати нові елементи i зберегти з…

ПАРАГРАФ

по центру <р align="center">текст</p> по лівому краю

Шановний колего! Я вивчаю мову HTML, щоб створити власну домашню Web-сторінку для спілкування з друзями i знайомими.

Щоб вони могли подивитися мою фотокартку, прочитати про мене, написати кілька рядків в мою книгу для гостей.

</р>

</body>

</html>

Рекомендується за допомогою браузера переглянути цей HTML-файл, для чого досить двічі клацнути на його піктограмі. Можна встановлювати інші вирівнювання тексту i подивитися результат.

СТВОРЕННЯ ЗАГОЛОВКА

Щоб виділити текст, використовують теги заголовків Н1-Н6. Наприклад, так: <НЗ>3 Новим роком! </Н3>. Заголовки призначені для виділення невеликої частини тексту (рядок, фраза).… <font size="+4">TEKCT </font>

Питання для самоконтролю

2. Що таке "гіперпосилання"? Який воно має вигляд i як ним користуватися? 3. Що таке "тег"? Для чого теги використовуються? 4. Яку структуру має HTML-документ?

ГРАФІКА I ПОСИЛАННЯ НА WEB-СТОРІНЦІ

Вставка малюнків

<img src="my.jpg">, де my.jpg -ім'я файла, що містить малюнок. Замість my.jpg можна вставити ім'я… Якщо малюнок знаходиться в іншій папці, то його краще переписати в папку, де знаходиться HTML-документ.

Lt;img src="photo.jpg " align="left" HSPACE=30 VSPACE=5

<p align="justify"> <font size="+2"> Шановний колего !</font> Я вивчаю… мову HTML, </font> щоб створити власну<i> домашню Web-сторінку</i> для спілкування з друзями i…

ПОСИЛАННЯ

Інші документи можна називати як завгодно (наприклад, photos.html, about_me.html, my_pets.html, friends.html, gh516hgd.htmi). Kpaщe, шоб вони… Посиланням на інші документи як частини нашої Web-сторінки може бути текст або… Нехай в тай же папці з головним документом index.html створено новий текстовий документ (наприклад, з ім'ям prf.html).…

СПИСКИ

 

Списки маркуються за допомогою тегу <li> </li> за взірцем:

 

Маркер Опис
· <li type="disk"> Задуйвітер </li>
o <li type="circle"> Макогоненко </li>
§ <li type="square"> Петренко </li>

ВІДСТУПИ

Для встановлення одного, двох i трьох відступів використовується тег <ul> </ul> за зразком: <ul> один ввдступ </ul> <ul> <ul> два ввдступи </ul></ul>

ОФОРМЛЕНИЯ ТАБЛИЦЬ

Для раціонального розподілу площі сторінки між її текстовими i графічними фрагментами використовують таблиці. Таблиця задається тегом <table> </table>. Рядки таблиці задаються тегом <tr> </tr>.

ВИРІВНЮВАННЯ ВМICТУ КОМІРОК

Щоб вирівняти вміст комірок таблиціпо горизонталі, треба вище наведений текст редагувати таким чином: <table> <tr> <td height ="35" width="50" bgcolor="#FFCC33"><center> 1х1 </center>…

ФОРМАТУВАННЯ КОМІРОК

Параметр colspan визначае кількість стовпчиків, параметр rowspan визначае кількість рядків, на які простягається дана комірка. ПІДСУМКОВА ЛАБОРАТОРНА РОБОТА "ВЛАСНА WEB-СТОРІНКА"  

СПИСОК ЛІТЕРАТУРИ

1. Шестопалов Є.А. Internet для початківця. Посібник з інформатики, Книга 8. 2003 – 96 с. 2. Петюшкин А. Книга Профессиональное программирование HTML в Web-дизайне,… 3. Сергеев А. Книга HTML и XML. Профессиональная работа, "Вильямс", 2004 г., 880 с

– Конец работы –

Используемые теги: мова, HTML0.053

Если Вам нужно дополнительный материал на эту тему, или Вы не нашли то, что искали, рекомендуем воспользоваться поиском по нашей базе работ: МОВА HTML

Что будем делать с полученным материалом:

Если этот материал оказался полезным для Вас, Вы можете сохранить его на свою страничку в социальных сетях:

Еще рефераты, курсовые, дипломные работы на эту тему:

Українська мова серед інших мов світу. Походження української мови.
У свiтi налiчується понад тисяч мов Бiльшiсть iз цих мов не мають своєї... Найближчою до української мови із східнослов янських мов є білоруська із південнослов янських сербохорватська із...

ВСТУП В МОВУ HTML
На сайте allrefs.net читайте: ВСТУП В МОВУ HTML.

Розділ І Методика викладання української мови як педагогічна наука. Методика навчання грамоти
Розділ І Методика викладання української мови як педагогічна наука Методика навчання грамоти... Лекція години... Предмет і завдання курсу методики викладання української мови в початкових класах Методика навчання грамоти завдання...

Музика як мова почуттів
З музичного мистецтва... для класів... На перший семестр ТЕМА Музика як мова почуттів...

УКРАЇНСЬКА МОВА ЗА ПРОФЕСІЙНИМ СПРЯМУВАННЯМ
ДОНЕЦЬКИЙ НАЦІОНАЛЬНИЙ УНІВЕРСИТЕТ... КАФЕДРА УКРАЇНСЬКОЇ ФІЛОЛОГІЇ І КУЛЬТУРИ... МЕТОДИЧНІ РЕКОМЕНДАЦІЇ...

ТЕМА 1 Основні поняття мови Паскаль
ТЕМА Основні поняття мови Паскаль... Алфавіт мови... Ідентифікатори та правила їх утворення...

ТЕМА : Концепція навчання іноземних мов у середній загальноосвітній 12-річній школі
Мета ознайомити з основними особливостями концепції навчання іноземних мов у середній загальноосвітній річній школі... розвивати навички щодо урахування вікових особливостей учнів та особливостей... виховувати позитивне ставлення до вивчання методики іноземної мови...

Методичні вказівки щодо підготовки студентів I курсу 1 семестру з спеціальностей економічного напрямку заочного відділення (групи Е, М, Ф) до тестування та заліку з предмету «Англійська мова»
Щоб отримати допуск до заліку з предмету Англійська мова студент має виконати тестові завдання продемонструвавши певні знання з граматики... Вміння та навички які має продемонструвати студент щоб скласти залік... I Усне мовлення...

Алгоритмічна мова TURBO PASCAL
Дрогобицький державний педагогічний університет... імені Івана Франка... Методичний посібник...

Опорний конспект лекцій З навчальної дисципліни ЛІНГВОКРАЇНОЗНАВСТВО ДРУГОЇ ІНОЗЕМНОЇ МОВИ (НІМЕЦЬКОЇ)
КАФЕДРА РОМАНО ГЕРМАНСЬКИХ МОВ... Опорний конспект лекцій...

0.033
Хотите получать на электронную почту самые свежие новости?
Education Insider Sample
Подпишитесь на Нашу рассылку
Наша политика приватности обеспечивает 100% безопасность и анонимность Ваших E-Mail
Реклама
Соответствующий теме материал
  • Похожее
  • По категориям
  • По работам