Лістинг програми

ЗВІТ З ЛАБОРАТОРНОЇ РАБОТИ № 10

Тема: Основні засоби мови HTML. Каскадні таблиці стилів CSS. Розробка сайту-візитки. Каскадні таблиці стилів

Мета: Сформувати навички і вміння створення макетів web-сторінок на мові HTML Завдання на лабораторну роботу

Лістинг програми

<! DOCTYPE html PUBLIC " - // W3C // DTD HTML 4.01 Transitional // EN" >

< html>

< head>

< meta content = " text / html; charset = Windows-1251"

http-equiv = " content-type" >

< /head>

< title> Гайды по доте 2< /title>

< style type=" text/css" >

BODY {

background: url(https://static2.wikia.nocookie.net/dota-2/ru/images/5/50/Wiki-background)

}

< /style>

< /head>

< body>

< table>

< tr>

< th colspan=2 height=130 width=625 background=" https://static2.wikia.nocookie.net/dota-2/ru/images/5/50/Wiki-background" >

< img src=" https://www.vsemteam.ru/wp-content/uploads/2015/05/dota2_logo.png" align = " right" >

< h1> < font color=" grey" face=" western" size=" 5" > Гайды по героям < /font> < /h1>

< /th>

< /tr>

< /table>

< th>

< h1> < font color=" grey" face=" western" size =" 6" align =" center" style=" margin-left: 550px" > Список героев< /font> < /h1>

< /th>

< table>

< tr>

< td> < font color=" grey" face=" western" size =" 6" > Dire< /font> < /td>

< td> < font color=" grey" face=" western" size =" 6" style=" margin-left: 50px" > Radiant< /font> < /td>

< /tr>

< tr>

< td> < a href =" https://dota2.ru/guides/4615-i-said-good-day-sir/" target=" _blank" > < img src=" https://dota2.ru/img/heroes/axe/m_icon.jpg" > < /a>

< a href =" https://dota2.ru/guides/12-pudge-pacanu-vahse-kotyata/" target=" _blank" > < img src=" https://dota2.ru/img/heroes/pudge/m_icon.jpg" > < /a>

< img src=" https://dota2.ru/img/heroes/sand_king/m_icon.jpg" >

< img src=" https://dota2.ru/img/heroes/slardar/m_icon.jpg" >

< img src=" https://dota2.ru/img/heroes/wraith_king/m_icon.jpg" > < /td>

< td> < img src=" https://dota2.ru/img/heroes/earthshaker/m_icon.jpg" style=" margin-left: 50px" >

< img src=" https://dota2.ru/img/heroes/kunkka/m_icon.jpg" >

< img src=" https://dota2.ru/img/heroes/tiny/m_icon.jpg" >

< img src=" https://dota2.ru/img/heroes/omniknight/m_icon.jpg" >

< img src=" https://dota2.ru/img/heroes/morphling/m_icon.jpg" > < /td>

< /tr>

< tr>

< td> < img src=" https://dota2.ru/img/heroes/tidehunter/m_icon.jpg" >

< img src=" https://dota2.ru/img/heroes/night_stalker/m_icon.jpg" >

< img src=" https://dota2.ru/img/heroes/chaos_knight/m_icon.jpg" >

< img src=" https://dota2.ru/img/heroes/shadow_fiend/m_icon.jpg" >

< img src=" https://dota2.ru/img/heroes/bloodseeker/m_icon.jpg" > < /td>

< td> < img src=" https://dota2.ru/img/heroes/sniper/m_icon.jpg" style=" margin-left: 50px" >

< img src=" https://dota2.ru/img/heroes/mirana/m_icon.jpg" >

< img src=" https://dota2.ru/img/heroes/riki/m_icon.jpg" >

< img src=" https://dota2.ru/img/heroes/naga_siren/m_icon.jpg" >

< img src=" https://dota2.ru/img/heroes/lone_druid/m_icon.jpg" > < /td>

< /tr>

< tr>

< td> < img src=" https://dota2.ru/img/heroes/bane/m_icon.jpg" >

< img src=" https://dota2.ru/img/heroes/death_prophet/m_icon.jpg" >

< img src=" https://dota2.ru/img/heroes/outworld_devourer/m_icon.jpg" >

< img src=" https://dota2.ru/img/heroes/warlock/m_icon.jpg" >

< img src=" https://dota2.ru/img/heroes/queen_of_pain/m_icon.jpg" > < /td>

< td> < img src=" https://dota2.ru/img/heroes/techies/m_icon.jpg" style=" margin-left: 50px" >

< img src=" https://dota2.ru/img/heroes/skywrath_mage/m_icon.jpg" >

< img src=" https://dota2.ru/img/heroes/storm_spirit/m_icon.jpg" >

< img src=" https://dota2.ru/img/heroes/disruptor/m_icon.jpg" >

< img src=" https://dota2.ru/img/heroes/windranger/m_icon.jpg" > < /td>

< /tr>

< /table>

< table>

< tr>

< td width=200 > < font color=" grey" face=" western" size =" 5" align =" left" > Полезные ссылки: < /font>

< ol>

< li> < a href=" https://dota2.ru/" target=" _blank" > < font color=" grey" face=" western" size =" 4" align =" left" > Dota2.ru< /font> < /a> < /li>

< li> < a href=" https://dota2lounge.com/" target=" _blank" > < font color=" grey" face=" western" size =" 4" align =" left" > Dota2Lounge < /font> < /a> < /li>

< li> < a href=" https://ru.dotabuff.com/" target=" _blank" > < font color=" grey" face=" western" size =" 4" align =" left" > Dotabuff< /font> < /a> < /li>

< li> < a href=" https://dota2.gamepedia.com/Dota_2_Wiki/ru" target=" _blank" > < font color=" grey" face=" western" size =" 4" align =" left" > Dota2Wiki< /font> < /a> < /li>

< /ol>

< /td>

< /table>

< p> < font color=" grey" face=" western" size=" 4" align =" center" style=" margin-left: 550px" > Created by Argentas © 2015 Все права защищены< /font> < /p>

< /body>

< /html>