Міністерство освіти і науки України Національний технічний університет нафти і газу Кафедра комп'ютерних систем та мереж Лабораторна робота №6 Тема: Основи роботи з HTML-документами Мета: Ознайомитись з основними тегами форматування тексту гіпертекстової розмітки мови HTML. Хід виконання роботи: Запустила редактор Блокнот та ввела в нього текст: Вітаю Вас на моЇй першій веб-сторінці! Зберегла файл. При збереженні, у вікні діалогу «зберегти як…» у рядку «Тип файлу:» вибрала «Усі файли (*.*)», а в рядку ім'я файлу задала ім'я “first.html”. Отриманий результат: / Далі додала фонове зображення, змінила розмір заголовку та додала текст, який вирівняла по різних краях. Після чого додала лінію. <HTML> <HEAD> <TITLE> Neiliuk Uliana - first</TITLE> </HEAD> <BODY BACKGROUND ="light-abstract-wide-wallpaper-1920x1200-002.jpg"> <H1> <P ALIGN="center">Вітаю Вас на моїй першій веб-сторінці!</P> </H1> <P ALIGN="left">To be, or not to be: that is the question:</P> <P ALIGN="left">Whether 'tis nobler in the mind to suffer</P> <P ALIGN="left">The slings and arrows of outrageous fortune,</P> <P ALIGN="left">Or to take arms against a sea of troubles,</P> <P ALIGN="left">And by opposing end them...</P> <P ALIGN="right">Чи бути, чи не бути — ось питання.</P> <P ALIGN="right">Що благородніше? Коритись долі </P> <P ALIGN="right">І біль від гострих стріл її терпіти, </P> <P ALIGN="right">А чи, зітнувшись в герці з морем лиха, </P> <P ALIGN="right">Покласти край йому...</P> <P>Чи бути, чи не бути — ось питання. Що благородніше? Коритись долі І біль від гострих стріл її терпіти, А чи, зітнувшись в герці з морем лиха, Покласти край йому</P> <PRE> To be, or not to be: that is the question: Whether 'tis nobler in the mind to suffer The slings and arrows of outrageous fortune, Or to take arms against a sea of troubles, And by opposing end them... </PRE> <hr> <BR> Факультету інформаційних технологій <BR> [ім’я автора приховано]</H3> </BODY> </HTML> Отриманий результат: / <HTML> <HEAD> <TITLE> Neiliuk Uliana - second</TITLE> </HEAD. <BODY> <BODY BACKGROUND ="light-abstract-wide-wallpaper-1920x1200-002.jpg"> <H1> <P ALIGN="center">Вітаю Вас на моїй першій веб-сторінці!</P> </H1> <PRE><H2> <FONT COLOR="red"><STRONG> To be, or not to be: that is the question:</STRONG></FONT> <FONT COLOR="lime"><EM>Whether 'tis nobler in the mind to suffer</EM></FONT> <FONT COLOR="aqua"><STRONG>The slings and arrows of outrageous fortune,</STRONG></FONT> <FONT COLOR="fuchsia"<EM>Or to take arms against a sea of troubles,</EM></FONT> <FONT COLOR="purple"><U>And by opposing end them...</U></FONT> </H2></PRE> <PRE> <FONT SIZE="7"<H2>Я знаю як оформляти:<H7></FONT></PRE> <OL> <Li> Шрифти <OL TYPE=circle> <Li>Розмір</Li> <Li>Колір</Li> <Li>Гарнітурові</Li> </OL> </Li> <Li>Заголовки <OL TYPE=circle> <Li>від 1-го до 6-го рівня</Li> </OL> </Li> <Li> Абзаци <OL TYPE=circle> <Li>Вирівнювання</Li> <Li>Розрив рядків усеридині абзацу</Li> <Li>Використання переформатування</Li> </OL> </Li> </OL> <IMG SRC ="55739716_Snow_white_by_kanmi.png"> <BR> Факультету інформаційних технологій <BR> [ім’я автора приховано]</H4> </BODY> </HTML> Отриманий результат/ 4.1 Створила в Блукноті ще один документ – “index.htm”. За його основу взяла файл “second.html”. Після тексту додала горизонтальну лінію та створила таблицю, у які помістила зображення та гіперпосилання на файли “second.html” та “first.html”, під таблицею створила посилання на електрону пошту. <HTML> <HEAD> <TITLE> index.htm </TITLE> </HEAD> <BODY> <BODY BACKGROUND ="light-abstract-wide-wallpaper-1920x1200-002.jpg"> <H1> <P ALIGN="center">Вітаю Вас на моїй першій веб-сторінці!</P> </H1> <PRE><H2> <FONT COLOR="red"><STRONG> To be, or not to be: that is the question:</STRONG></FONT> <FONT COLOR="lime"><EM>Whether 'tis nobler in the mind to suffer</EM></FONT> <FONT COLOR="aqua"><STRONG>The slings and arrows of outrageous fortune,</STRONG></FONT> <FONT COLOR="fuchsia"<EM>Or to take arms against a sea of troubles,</EM></FONT> <FONT COLOR="purple"><U>And by opposing end them...</U></FONT> </H2></PRE> <hr> <table border="1"> <tr> <th><H1>[ім’я автора приховано]<H1></th> <th><img src="55739716_Snow_white_by_kanmi.png"></th> </tr> <tr><td><a href="file:///D:/Уляна/про/first.html">Перший</a></td><td><a href="file:///D:/Уляна/про/second.html">Другий</a></td></tr> </table> Пишіть мені. <a href="uliana.neiliuk@gmail.com">Пошта</a> <hr> <BR> Факультету інформаційних технологій <BR> [ім’я автора приховано]</H3> </BODY> </HEAD> / Висновок: На даній лабораторній роботі я ознайомилась з основними тегами форматування тексту, створенням списків, таблиць та гіперпосилання в гіпертекстовій мові HTML.