Two-for-what/cascad.html at main · Gnomoslog/Two-for-what · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>cascad</title>
    <link rel="stylesheet" href="cascad.css">
    <link rel="icon" href="favi(2).ico" type="image/x-icon">
</head>
<body>
<h1> 1</h1>

<p class="p">КУ?</p>

<h1> 2</h1>

<table style="border: 3px solid rgb(153, 0, 255);">
    <colgroup> </col>
    <col class=blue ALIGN=RIGHT> </colgroup>
    <tr> <td> Январь </td> <td> $10000 </td> </tr>
    <tr> <td> Февраль </td> <td> $15000 </td> </tr>
    <tr> <td> Когда? :D </td> <td> $100000 </td> </tr>
    </table>

<h1> 3</h1>

<h1 class="h1"> Пример Заголовок 1 </h1>
<h2  class="h1"> Пример Заголовок 2 </h2>
<p class="p"> Пример Заголовок 3 </p>

<h1> 5</h1>

<center>
<div style="width: 350px;height: 200px;background-color: rgb(200, 170, 230);"><i>CSS</i>
<p class="zd5">Каскадная таблица стилей</p></div>
</center>

<h1> 6</h1>

<center>
    <div style="width: 550px;height: 350px;background-color: rgba(0, 255, 255, 0.808)"><p style="font-size: 35px;margin-bottom: -15px;color: rgba(111, 150, 67, 0.705);"><b>Каскадные таблицы стилей</b></p>
    <p><b class="zd6">П</b>ри оформлении HTML-документов приходится по нескольку раз прописывать однотипные теги. Использование каскадных таблиц стилей (CSS)  позволяет значительно упростить эту работу. Поддержка стандарта каскадных таблиц стилей и их программируемых элементов появилась начиная с версии 4.0 и Netscape, и Internet Explorer.</p>
    <p>Существует три основных варианта использования таблиц стилей.</p>
    <p style="font-size: 30px;margin-bottom: -15px;color: rgba(27, 99, 255, 0.596);"><b>Вариант первый.</b></p>
    <p><b class="zd6">О</b>писание стиля располагается непосредственно внутри тега элемента, который вы описываете. Это делается с помощью параметра STYLE. Этот метод нежелателен, и понятно почему: он приводит к потере одного из основных преимуществ CSS</p></div></center>

<h1> 7</h1>

<h1 class="zd71">Заголовок 1</h1>

<p class="zd72">Это шидевер шеф</p>
    <img src="fea.jpg" alt="вф">

<h1> 8</h1>

 <table class="table">
    <tr>
        <th class="th">Заголовок 1</th>
        <th class="th">Заголовок 2 </td>
        <th class="th">Заголовок 3</th>
        <th class="th">Заголовок 4</th></tr>
    <tr><td class="td">Элемент 1</td>
        <td class="td">Элемент 2</td>
        <td class="td">Элемент 3</td>
        <td class="td">Элемент 4</td></tr>
    <tr><td class="td">Элемент 5</td>
        <td class="td">Элемент 6</td>
        <td class="td">Элемент 7</td>
        <td class="td">Элемент 8</td></tr>

</table>


<div class="fac">
    <h2 align="center" style="color: rgb(158, 15, 43); padding-top:10px;
    padding-bottom: 10px; font-size: 25px; margin: 0;">«Подземелья и драконы»</h2>
<p class="tam">Как жаль, что сказки для детей, и взрослым сложно их понять
    Но мы с тобою можем это поменять</p>
<h2 align="center" style="color: blue; padding-top:10px;
    padding-bottom: 10px; font-size: 25px; margin: 0;">Садись за стол, закрой глаза,</h2>
    <img src="подзем1.png" alt="фотка" class="photo">
<h2 align="center" style="color: blue; padding-top:10px;
    padding-bottom: 10px; font-size: 25px; margin: 0;">представь, что веришь в чудеса </h2>
    <div class="tam">
    <table class="nam">
        <thead class="thead2">
            <tr>
                <th class="th2">.И пред тобою</th>
                <th class="th2">замки</th>
                <th class="th2">реки </th>
                <th class="th2">и леса </th>
            </tr>
        </thead>
        <tbody>
            <tr class="tr2">
                <td class="td2">В руках</td>
                <td class="td2">сияет </td>
                <td class="td2"> добрый меч, </td>
                <td class="td2">и на тебе</td>
            </tr>
        </tbody>
        <tbody>
            <tr class="tr2">
                <td class="td2">блестит доспех</td>
                <td class="td2">Пубертатов, 2</td>
                <td class="td2">А значит ,  на пути</td>
                <td class="td2"> нас ждёт с тобой успех</td>
            </tr>
        </tbody>
    </table>
</div>
</div>
</body>
</html>