Scribd Logo
Upload

Welcome to Scribd!

  • Lesson 1 Web

    Uploaded by

    Katya Derouz
    3 views3 pages

    Copyright

    © © All Rights Reserved

    Available Formats

    PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    3 views3 pages

    Lesson 1 Web

    Uploaded by

    Katya Derouz

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 3

    Lesson 1

    HTML – HyperText Markup Language - «мова гіпертекстової


    розмітки» – для створення елементів сторінки.

    Тег – це команда, яка буде оброблятись нашим браузером і


    TERMS відтворюватись у доступному для нас вигляді. Теги бувають
    одинарні і подвійні (парні та непарні).
    Атрибут – використовується для визначення характеристик
    html -елементів та поміщається всередині відкритого тега
    елемента. Потрібен для розширення можлиостей тегу.

    ОСНОВНІ ТЕГИ

    <!DOCTYPE html> - вказує тип поточного документу (в даному


    випадку html 5.0)

    <html></html> - обгортка сайту

    <head></head> - голова сайту, містить інформацію що


    ідентифікує сайт та мета-дані

    <body></body> - тіло сайту, мітить елементи сторінки

    <title></title> - назва вкладки

    <h1></h1> - заголовок, доступно 6 рівнів h1,h2,h3,h4,h5,h6 // h1


    найбільший, h6 найменший

    <p></p> - параграф

    BASIC INFO <a></a> - посилання

    <br> - перенесення елемента на наступний рядок

    <img> - відображення картинки

    <hr> - горизонтальна лінія

    <b></b>- жирний шрифт

    <i></i>- курсивний шрифт

    <s></s>- закреслений текст

    <ul></ul> - контейнер невпорядкованого списку

    <ol></ol> - контейнер впорядкованого списку

    <li></li> - елемент списку


    Створення базової html-сторінки
    У робочій директорії створіть текстовий документ та задайте ім’я файлу index.html

    1 Для відображення розширення файлів необхідно зайти в робочу директорію та


    натиснути [Вигляд] і встановити чек-бокс [розширення імен файлів] у положення
    активний. Як зображено на Рис. 1
    РИС. 1

    2 Відкрийте index.html файл за допомого редактора коду та наповніть його вміст, як на


    Рис. 2
    Вигляд базової html- сторінки
    РИС. 2
    Завдання:

    1. Завантажити редактор коду Brackets


    http://brackets.io/

    2. Ознайомитись з основними тегами html

    3. Створити базову html-сторінку, використовуючи основні теги

    4. Cтворити wiki-сторінку м. Новояворівськ за шаблоном, який буде у додатках

    http://htmlbook.ru/html/!doctype

    http://htmlbook.ru/html/a

    http://htmlbook.ru/html/b

    http://htmlbook.ru/html/a

    http://htmlbook.ru/html/br
    Корисні посилання:
    http://htmlbook.ru/html/h1

    http://htmlbook.ru/html/img

    http://htmlbook.ru/html/ol

    http://htmlbook.ru/html/ul

    http://htmlbook.ru/html/li

    You might also like