|
|
@@ -0,0 +1,80 @@
|
|
|
+<!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><pre>...</pre><br>
|
|
|
+ <pre>Съешь еще этих мягких булочек,
|
|
|
+ да выпей чаю</pre>
|
|
|
+ </li>
|
|
|
+ <li><p>...</p><p>Съешь еще этих мягких булочек, да выпей чаю</p></li>
|
|
|
+ <li><em>...</em><em>Съешь еще этих мягких булочек, да выпей чаю</em></li>
|
|
|
+ <li><strong>...</strong><strong>Съешь еще этих мягких булочек, да выпей чаю</strong></li>
|
|
|
+ <li><div>...</div><div>Съешь еще этих мягких булочек, да выпей чаю</div></li>
|
|
|
+ </ol>
|
|
|
+ <P>Непарные теги</P>
|
|
|
+ <ul><!--задаем непарные теги-->
|
|
|
+ <li></br> Съешь еще этих мягких булочек,<br> да выпей чаю</li>
|
|
|
+ <li><hr> Съешь еще этих мягких булочек, да выпей чаю<hr></li>
|
|
|
+ <li><img src="" alt=""><br>
|
|
|
+ <img src="https://humorial.ru/images/dems/294/dem_294334.jpg"
|
|
|
+ alt="Съешь еще этих мягких булочек, да выпей чаю"></li>
|
|
|
+ <li><input type="text" value="" size=""><br>
|
|
|
+ <input type="text" value="Съешь еще этих мягких булочек, да выпей чаю" size=36>
|
|
|
+ </li>
|
|
|
+ <li> <link rel="stylesheet" href=""><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>
|
