<html> <head> <title>Самый первый пример HTML-разметки</title> </head> <body bgcolor="white"> <div align="right"><a href="basic.src.html">[Этот документ как простой текст]</a></div> <h1>Самый первый пример HTML-разметки</h1> <p> Начался новый параграф текста. Сам текст может быть <b>полужирным</b>, <i>наклонным</i>, <u>подчёркнутым</u>, <b><i>полужирным и подчёркнутым</i></b>. Можно <font size="+1">увеличивать кегль шрифта</font>, можно его <font size="-2">уменьшать</a>. Можно указывать <font size="18">абсолютный размер шрифта</font>, хотя это не рекомендуется. Можно указать <font color="#00a0ff">другой цвет</font> для текста. Также мы можем делать<sub>нижние</sub> и <sup>верхние</sup> индексы. </p> <h2>Заголовок второго уровня</h2> <div align="center">Текст, выключенный по-центру</div> <div align="left">Текст, выключенный влево</div> <div align="right">Текст, выключенный вправо</div> <p> Начался ещё один параграф. Он продолжается,<br/> но только что мы сделали принудительный разрыв строки. </p> <h2>Ссылки и картинки</h2> <p> Это наш всеми любимый <a href="http://www.google.ru/">поисковик</a>. Это его логотип: <div align="center"><img src="google-logo.gif" alt="Google logo"/></div> А это ссылка с картинки: <div align="center"><a href="http://www.google.ru/"><img src="google-logo.gif" alt="Google logo"/></a></div> Та же ссылка, но без дурацкой рамки: <div align="center"><a href="http://www.google.ru/"><img src="google-logo.gif" alt="Google logo" border="0"/></a></div> </p> <hr/> <h2>Списки</h2> <ul> <li>Молоко</li> <li>вдвойне</li> <li>вкусней</li> <ol> <li>если</li> <li>после</li> </ol> <li>огурцов</li> </ul> <h2>Таблицы</h2> <table width="70%" height="90%" cellspacing="7" cellpadding="14" align="center" bgcolor="#000000" border="2"> <tr bgcolor="#0080ff" height="10%"> <td align="right" bgcolor="white">Выключка вправо</td> <td valign="middle" bgcolor="steelblue" rowspan="2">Большая ячейка</td> <td valign="top" nowrap>Ещё одна ячейка</td> </tr> <tr bgcolor="#00d0f0"> <td align="center" rowspan="2" bgcolor="#e0e0e0">Следующая и ещё одна строка</td> <td valign="bottom" nowrap>Просто ячейка</td> </tr> <tr bgcolor="#00d0f0"> <td align="right" valign="top">Угадайте, где эта ячейка?</td> <td bgcolor="#e00000"><b>Красное и чёрное</b></td> </tr> <tr> <td colspan="3"><font color="white">Ячейка во всю длину</font></td> </tr> </table> <h2>Черное и белое</h2> <p> <i>Небольшое отступление</i>: каждое из написанных предложений является панграммой — фразой, состоящей сразу из всех букв алфавита. </p> <p> <table width="100%" cellspacing="0" cellpadding="3" border="0"> <tr bgcolor="black"> <td><font color="white" size="+2"><b> The quick brown fox jumps over the lazy dog. Brick quiz whangs jumpy veldt fox! Quick wafting zephyrs vex bold Jim. Sphinx of black quartz judge my vow! The five boxing wizards jump quickly. Mr. Jock, TV quiz Ph.D., bags few lynx. Pack my box with five dozen liquor jugs. Jackdaws love my sphinx of black quartz. Sympathizing would fix Quaker objectives. Five big quacking zephyrs jolt my wax bed. Many-wived Jack laughs at probes of sex quiz. Mix Zapf with Veljovic and get quirky Beziers. Dumpy kibitzer jingles as exchequer overflows. Puzzled women bequeath jerks very exotic gifts. Brawny gods just flocked up to quiz and vex him. Viewing quizzical abstracts mixed up hefty jocks. Playing jazz vibe chords quickly excites my wife. Jim just quit and packed extra bags for Liz Owen. Five wine experts jokingly quizzed sample chablis. William Jex quickly caught five dozen Republicans. A large fawn jumped quickly over white zinc boxes. Cozy lummox gives smart squid who asks for job pen. </b></font> </td> </tr> <tr bgcolor="white"> <td><font color="black" size="+2"><b> The quick brown fox jumps over the lazy dog. Brick quiz whangs jumpy veldt fox! Quick wafting zephyrs vex bold Jim. Sphinx of black quartz judge my vow! The five boxing wizards jump quickly. Mr. Jock, TV quiz Ph.D., bags few lynx. Pack my box with five dozen liquor jugs. Jackdaws love my sphinx of black quartz. Sympathizing would fix Quaker objectives. Five big quacking zephyrs jolt my wax bed. Many-wived Jack laughs at probes of sex quiz. Mix Zapf with Veljovic and get quirky Beziers. Dumpy kibitzer jingles as exchequer overflows. Puzzled women bequeath jerks very exotic gifts. Brawny gods just flocked up to quiz and vex him. Viewing quizzical abstracts mixed up hefty jocks. Playing jazz vibe chords quickly excites my wife. Jim just quit and packed extra bags for Liz Owen. Five wine experts jokingly quizzed sample chablis. William Jex quickly caught five dozen Republicans. A large fawn jumped quickly over white zinc boxes. Cozy lummox gives smart squid who asks for job pen. </b></font> </td> </tr> </table> </p> </body> </html>