Scribd Logo
Upload

Welcome to Scribd!

  • Розімтка Гіпертектового Документу Html

    Uploaded by

    Валерія Плескач
    12 views6 pages

    Original Title

    Untitled

    Copyright

    © © All Rights Reserved

    Available Formats

    PPTX, 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 PPTX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    12 views6 pages

    Розімтка Гіпертектового Документу Html

    Uploaded by

    Валерія Плескач

    Copyright:

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

    РОЗІМТКА ГІПЕРТЕКТОВОГО

    ДОКУМЕНТУ HTML

    . ІНФОРМАТИКА 8 КЛАС
    Щоб браузер потрібним чином відображав дані на вебсторінках, застосовують спеціальні
    позначки — теги, сукупність яких разом із правилами їх використання називають мовою
    розмітки гіпертексту
    Розмітка гіпертексту засобами мови
    HTML. Заголовок та текст.
    Розмітка гіпертексту засобами мови
    HTML. Форматування тексту.
    Тег Приклад
    Вставка фону: <body bgcolor=”gold”>
    < bgcolor = “колір”> - фон вказаного Фон сторінки золотого кольору
    кольору; <body background=”fon1.jpg”>
    < background = “шлях”> - фон вказаним Фон сторінки малюнком fon1.jpg Теги з помилками або такі, що не
    графічним об’єктом; розташованим в поточному каталозі
    підтримуються використовуваним
    Форматування положення тексту: <body>
    браузером, ігноруються.
    <br> – наступний рядок з нового рядку; < p align=”center”>
    Параметри вирівнювання: ПОГОДА <br>
    <p align=”center”> – текст по центру; ПОЛТАВА
    < p align=”left”> – текст по лівому краю; </p>
    < p align=”right”> – текст по правому </body>
    краю;  
    </p> закрити форматування.

    Форматування символів: <body>


    <font параметри> – початок < center>
    форматування; <font size=5 color="blue">
    </font> – кінець форматування. <i> ПИСЬМЕННИКИ </i>
    Параметри форматування: </font>
    size=”розмір” – розмір шрифту; </p>
    color=”колір” – колір літер; </body>
    <b>...</b> – “жирний” стиль;  
    <i>...</i> – стиль “курсив”; Текст “ПИСЬМЕННИКИ” розташовано в
    <h1>...</h1> – заголовок найбільший; центрі екрану, розмір шрифту 5,
    Аналогічно <h2>, h3>,<h4>,<h5>,<h6>- блакитний колір та тип шрифту курсив.
    найменший
    Розмітка гіпертексту засобами мови
    HTML. Марковані та нумеровані
    списки

    Форматування списків  <ul>


    <ul>...</ul> – початок(кінець) <li type=square > Квадрат
    маркованого списку <li type=disc> Кружечок
    Параметри форматування списків: <li type=circle> Коло </ul>
    <li>...</li> – пункт списку Вигляд при перегляді:
    type=disk – позначення списку ▪Квадрат
    кружечком; •Кружечок
    type=square – позначення списку ºКоло
    квадратом;  
    type=circle – позначення списку колом.
    <оl>...</оl> – початок(кінець)
    нумерованого списку
    type=”1” –арабськими
    type=”A” –латинськими
    type=”I” - римськими

    Виконати вправу. Надіслати.


    Вставка графічного об’єкта: <center >
    <img параметри> – вставка графічних зображень(можна <img width=200 height=100 border=5 src="lev.gif">
    не закривати). </center>
    Параметри для графічних об’єктів:  Розташувати малюнок з ім’ям lev.gif по центру екрана
    src=”шлях до граф.файлу” – вказує шлях до граф.файлу; розмірами 200х100 пікселів та окантовкою 5 пікселів.
    width=”...” – ширина; height=”...” – висота; <img src=dvig1.jpg border=5 width=300 height=30%
    (вказуються або в пікселях, або в процентах) align=left hspace=5 vspace=5 >
    border=”розмір” – окантовка вказаного розміру;
    vspace=”розмір” - відстань між текстом і малюнком по
    вертикалі у пікселях,
    hspace=”розмір” - відстань по горизонталі у пікселях.
    <font color=…> - колір межі малюнку

    Рядок, що рухається: <marquee bgcolor=blue height=5% width=80% ><font


    <marquee > текст </marquee> color=gold size=5> <b> З Новим роком! </b> </font>
    Загальні параметри: </marquee>
    width – ширина; height – висота;
    (в пікселях або процентах)
    bgcolor – фон рядку
    Вставка горизонтальної лінії: <hr color=”magenta” size=4 width=80%>
    <hr параметри>  
    Параметри лінії: На сторінці з’явиться горизонтальна лінія бузкового
    width=”розмір” – довжина лінії; кольору шириною 4 пікселя та довжиною на 80%
    size=”розмір” – ширина лінії;
    (вказуються або в пікселях, або в процентах)
    відкритого вікна.
    color=”колір” – колір лінії
    Створення гіперпосилання <a href=”index.html”> НАЗАД </a>
    на інший документ: Гіперпосилання “НАЗАД” на сторінку з index.html.
     <a href=”шлях до документа”>  <a href=”znak3.html”> <img src=”oven.gif”> </a>
    текст гіперпосилання </a> Гіперпосилання по малюнку з файлу oven.gif на Web-
    сторінку з ім’ям znak3.html.

    You might also like