phpExam31SoftUni/SemanticHTML.html at master · cefothe/phpExam31SoftUni · 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
<!DOCTYPE html>
<html>
<head>
    <title>Semantic HTML</title>
    <style>
        label, textarea, input {
            display: block;
            margin: 10px 0;
        }
        textarea {
            width: 600px;
            height: 100px;
        }
    </style>
</head>
<body>

    <form action="SemanticHTML.php" method="get">
        <label for="input1">Enter text here:</label>
        <textarea id="input1" name="html"><div id="header">
</div> <!-- header --></textarea>
        <input type="submit" value="Submit"/>
    </form>

    <br>
    <br>


    <form action="SemanticHTML.php" method="get">
        <label for="input2">Enter text here:</label>
        <textarea id="input2" name="html"><div style="color:red" id="header">
</div> <!-- header --></textarea>
        <input type="submit" value="Submit"/>
    </form>

    <br>
    <br>


    <form action="SemanticHTML.php" method="get">
        <label for="input3">Enter text here:</label>
        <textarea id="input3" name="html"><div class="header" style="color:blue">
</div> <!-- header --></textarea>
        <input type="submit" value="Submit"/>
    </form>

    <br>
    <br>


    <form action="SemanticHTML.php" method="get">
        <label for="input4">Enter text here:</label>
        <textarea id="input4" name="html"><div align="left" id="nav" style="color:blue">
    <ul class="header">
        <li id="main">
            Hi, I have id="main".
        </li>
    </ul>
</div> <!-- nav --></textarea>
        <input type="submit" value="Submit"/>
    </form>

    <br>
    <br>


    <form action="SemanticHTML.php" method="get">
        <label for="input5">Enter text here:</label>
        <textarea id="input5" name="html">  <p class = "section" >
    <div style = "border: 1px" id = "header" >
        Header
        <div id = "nav" >
            Nav
        </div>   <!--   nav   -->
    </div>  <!--header-->
  </p> <!-- end paragraph section --></textarea>
        <input type="submit" value="Submit"/>
    </form>

    <br>
    <br>


</body>
</html>