Roman456
/
js02_Romanenko


			
				
					
						
						
							1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980
							<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="icon" href="https://drive.google.com/drive/u/0/folders/1ZtxMJOpgLnYWfsZ-zsEWkbGDOgdqohjJ" sizes= "32x32">
    <!--здесь подключаем фавикон с задания 3-->
    <title>a-level</title>
</head>
<body>
    <header>
        <h1> Домашка к лекции 1 (Homework 1) </h1>
    </header>
    <hr>
    <main>
        <section>
            <h2>Задание 1</h2>
            <p>Парные теги</p>
            <ol><!--задаем парные теги-->
                <li>&lt;pre&gt;...&lt;/pre&gt;<br> 
                    <pre>Съешь еще    этих мягких булочек, 
                    да   выпей чаю</pre> 
                </li>
                <li>&lt;p&gt;...&lt;/p&gt;<p>Съешь еще этих мягких булочек, да выпей чаю</p></li>
                <li>&lt;em&gt;...&lt;/em&gt;<em>Съешь еще этих мягких булочек, да выпей чаю</em></li>
                <li>&lt;strong&gt;...&lt;/strong&gt;<strong>Съешь еще этих мягких булочек, да выпей чаю</strong></li>
                <li>&lt;div&gt;...&lt;/div&gt;<div>Съешь еще этих мягких булочек, да выпей чаю</div></li>
            </ol>
            <P>Непарные теги</P>
            <ul><!--задаем непарные теги-->
                <li>&lt;/br&gt; Съешь еще этих мягких булочек,<br> да выпей чаю</li>
                <li>&lt;hr&gt; Съешь еще этих мягких булочек, да выпей чаю<hr></li>
                <li>&lt;img src="" alt=""&gt;<br>
                    <img src="https://humorial.ru/images/dems/294/dem_294334.jpg" 
                    alt="Съешь еще этих мягких булочек, да выпей чаю"></li>
                <li>&lt;input type="text" value="" size=""&gt;<br>
                    <input type="text" value="Съешь еще этих мягких булочек, да выпей чаю" size=36>
                </li>
                <li> &lt;link rel="stylesheet" href=""&gt;<br>
                    здесь подключаем стили CSS к HTML-странице(в разделе head), рассмотрим на след. занятиях
                </li>
            </ul>
        </section>
        <section>
            <h2>Задание 2</h2>
                <p>Вариант 1</p>
                <a href="#">Белая</a> <b>береза</b><br>
                <i>Под моим окном</i><br>
                <b><i>Принакрылась снегом,</i></b><br>
                <span style="background-color: yellow; width: 110px;">Точно серебром</span>
                <p>Вариант 2</p>
                <u style="color: blue;">Белая</u> <b>береза</b><br>
                <i>Под моим окном</i><br>
                <b><i>Принакрылась снегом,</i></b><br>
                <span style="background-color: yellow; width: 110px;">Точно серебром</span>

        </section>
        <section>
            <h2>задание 3</h2>
            <p>Привет, вот наш упорядоченный список!</p>
            <ol>
                <li><b>Я пункт 1</b></li>
                <li><i>А я пункт 2</i></li>
                <li><U>Ой фсе, я пункт 3</U></li>
                <li><a class="google-link" id="mainlink" href="https://www.google.com.ua" 
                     target="_blank">Нет слов, и я пункт 4</a> 
                </li>
                <li style="color: red;">Достали они, ведь я пункт 5</li>
            </ol>
        </section>
    </main>
    <hr>
    <footer>
        <div>
            <p>Name: Roman</p>
            <p>Surname: Romanenko</p>
            <p>Telephone number: <a href="tel:+380888888888">+38088-88-88-888</a>
        </div>
    </footer>
</html>