Scribd Logo
Upload

Welcome to Scribd!

  • Комп - практ №1 HTML

    Uploaded by

    Махабраз Вітор
    20 views4 pages

    Original Title

    Комп_практ №1 HTML

    Copyright

    © © All Rights Reserved

    Available Formats

    DOCX, 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 DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    20 views4 pages

    Комп - практ №1 HTML

    Uploaded by

    Махабраз Вітор

    Copyright:

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

    Комп’ютерний практикум № 1

    «Ознайомлення з мовою гіпертекстової розмітки HTML»

    Робота складається з 6 прикладів та самостійного завдання, кожне завдання


    створюються окремим файлом в  Блокноті (NotePad) або NotePad++
    Файли зберігаються із розширенням .html

    1. Приклад роботі зі шрифтами:

    <html>
    <head>
    <title> Робота зі шрифтами </title>
    </head>

    <body>
    <font size=4> <b> Текст </b></font><br>
    <font size=7> <i> Текст </i></font><br>
    <font size=9 color=green> <u> Текст </u></font><br>
    </body>
    </html>

    2. Приклад створення однорівневого списку:

    <html>
    <head>
    <title> Маркірований список </title>
    </head>

    <body>
    <h2>Список рубрик</h2>
    <li> Новини
    <li> Фінанси
    <li> Спорт
    <li> Погода
    </body>
    </html>

    3. Приклад вставки зображення: * name1.jpg та name2.jpg – це реальні імена


    файлів–зображень, 1-ше зображення буде фоновим, а 2-ге – вставкою.

    <html>
    <head>
    <title> Рисунок </title>
    </head>

    <body background="name1.jpg"> <body text="red">


    <center>
    <h2><marquee behavior=alternate direction="left"> Вставка зображення
    </marquee></h2>
    <img src="name2.jpg" width="150" heigth="100" border=5><br>
    </center>
    </body>
    </html>
    4. Приклад створення посилань в межах одного файлу: * на місці ……….. має
    бути будь-який текст (текст можна скопіювати з іншого довільного текстового
    файлу .doc або .txt)

    <html>
    <head>
    <title> Посилання в межах одного файлу </title>
    </head>

    <body>
    <font size=4><b>Зміст</b></font><br>
    <a href="#глав1">Глава 1
    </a><br>
    <a href="#глав2">Глава 2
    </a><br>
    <a href="#глав3">Глава 3
    </a><br>
    <h1>Стаття</h1>
    <h2><a name="#глав1">Глава 1 </h2>
    Текст 1 глави
    ……………………….
    …………………….. ..
    ……………………….
    ……………………….
    ……………………….
    …………………….. ..
    ……………………….
    …………………….. ..
    <h2><a name="#глав2">Глава 2 </h2>
    Текст 2 глави
    ……………………….
    …………………….. ..
    ……………………….
    ……………………….
    ……………………….
    …………………….. ..
    ……………………….
    …………………….. ..
    <h2><a name="#глав3">Глава 3 </h2>
    Текст 3 глави
    ……………………….
    …………………….. ..
    ……………………….
    ……………………….
    ……………………….
    …………………….
    …………………….. ..
    ……………………….
    </body>
    </html>
    5. Приклад створення посилань на інший файл: (в даному прикладі name.html – це
    ім’я файлу з попереднього (4) прикладу)

    <html>
    <head>
    <title> Посилання на інший файл </title>
    </head>

    <body>
    <font size=4><b><u> Зміст</u> </b><font><br>
    <a href="name.html#глав1">Глава1
    </a><br>
    <a href="name.html#глав2">Глава2
    </a><br>
    <a href="name.html#глав3">Глава3
    </a><br>
    </body>
    </html>

    6. Приклад реалізації посилання зображенням: * name.jpg – це реальне ім’я jpg-


    файлу, а name.html – будь-який html-файл.

    <html>
    <head>
    <title> Рисунок-посилання </title>
    </head>

    <body bgcolor="yellow"> <body text="Deepskyblue">

    <center>
    <h2><marquee> Вставка зображення</marquee></h2>
    <a href="name.html" title="Посилання на файл"> <img src="name.jpg" border=15 ><br>
    </center>

    </body>
    </html>
    Самостійне завдання

    Створити Головну сторінку, фоном якої є будь-яка текстура, на сторінці


    розмістити нумерований список на кшталт такого:

    Вибір 1 пункту здійснити перехід на сторінку с Вашим фото, під яким


    розміщено слово НАЗАД (це повернення на Головну сторінку)

    Вибір 2 пункту переведе на сторінку с інформацією про групу, під якою


    розташована картинка, наприклад (це повернення на Головну сторінку)

    Вибір 3 пункту переведе на будь-яку web-сторінку с прогнозом погоди

    You might also like