Подякувати Студентському архіву довільною сумою
Admin
26.02.2023 12:38
Дякуємо, що користуєтесь нашим архівом!
Основи роботи з HTML-документами
Інформація про навчальний заклад
ВУЗ:
Інші
Інститут:
Не вказано
Факультет:
КН
Кафедра:
Не вказано
Інформація про роботу
Рік:
2014
Тип роботи:
Лабораторна робота
Предмет:
Інтернет - телефонія
Частина тексту файла (без зображень, графіків і формул):
Міністерство освіти і науки України
Національний технічний університет нафти і газу
Кафедра комп'ютерних систем та мереж
Лабораторна робота №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>
<H3><BR> Студентка групи КІ-14-1
<BR> Факультету інформаційних технологій
<BR> Нейлюк Уляна</H3>
</BODY>
</HTML>
Отриманий результат:
/
В Блокноті створила новий документ – “second.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">
<H4><BR> Студентка групи КІ-14-1
<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>
<H3><BR> Студентка групи КІ-14-1
<BR> Факультету інформаційних технологій
<BR> Нейлюк Уляна</H3>
</BODY>
</HEAD>
/
Висновок: На даній лабораторній роботі я ознайомилась з основними тегами форматування тексту, створенням списків, таблиць та гіперпосилання в гіпертекстовій мові HTML.
15.11.2014 17:40
Ділись своїми роботами та отримуй миттєві бонуси!
0%
Оголошення від адміністратора