CS546_FinalProject/testHtml.html at master · Liz79/CS546_FinalProject · 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
117
118
119
120
121
122
123
124
125
126
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>CSS Example</title>
 <link rel="stylesheet" href="styles.css"/>
</head>
<body>
 <h1>I'm a heading</h1>
  <p>I'm a P tag</p>
  <p id="pWithID">I'm another p tag</p>
  <p>I'm yet another p tag</p>

  <div>
    <p>I'm a p tag inside a div, I'm the first child of the div</p>
    <ul>
      <li>Meaningless List Item 1</li>
      <li>Meaningless List Item 2</li>
      <li>Meaningless List Item 3</li>
      <li>Meaningless List Item 4</li>
    </ul>
    <p>I'm a p tag inside a div, I'm not the first or last child of the div</p>
    <p>I'm a p tag inside a div, I'm the last child of the div</p>
  </div>

  <button class = "btnClass">Button 1</button> <button class = "btnClass">Button 2</button>
<br/>
<br/>
  <a href="http://www.patrickhill.nyc">My Homepage</a>

  <div>
    <h1 id="h1withID">I'm an h1 inside a div</h1>
    <h1 class = "btnClass">I'm another h1 inside a div</h1>
  </div>

  <table>
    <tr>
      <td>Table Row 1: Table Cell 1</td>
      <td>Table Row 1: Table Cell 2</td>
      <td>Table Row 1: Table Cell 3</td>
    </tr>
    <tr>
      <td>Table Row 2: Table Cell 1</td>
      <td>Table Row 2: Table Cell 2</td>
      <td>Table Row 2: Table Cell 3</td>
    </tr>
    <tr>
      <td>Table Row 3: Table Cell 1</td>
      <td>Table Row 3: Table Cell 2</td>
      <td>Table Row 3: Table Cell 3</td>
    </tr>
  </table>

  <br/>
  <br/>

  <form method ="POST" action="URL TO POST TO" id="myForm">
    <label>
      First Name:
      <input type = "text" placeholder="Enter your first name"/>
    </label>

    <br/>
    <br/>

    <label>
      Last Name:
      <input type = "text" placeholder="Enter your last name"/>
    </label>

    <br/>
    <br/>

    <label>
      Email Address:
      <input type = "email" placeholder="Enter your Email address"/>
    </label>

    <br/>
    <br/>

    <label>
      Age:
      <input type = "number" placeholder="Enter your first name"/>
    </label>

    <br/>
    <br/>

    <label>
      State:
      <select name="state">
        <option value="NY">New York</option>
        <option value="NJ">New Jersey</option>
      </select>
    </label>

    <br/>
    <br/>

    <label>
      Payment Type:
      <input type = "radio" name="paymentType" value="Credit Card" checked>Credit Card
      <input type = "radio" name="paymentType" value="Venmo"/>Venmo
    </label>

    <br/>
    <br/>

    <label>
      Preferred Contact:
      <input type = "Checkbox" name="contactType" value="Email" checked>Email
      <input type = "checkbox" name="paymentType" value="phone"/>Phone
    </label>

  </form>

  <div id="divColorBorder">
    <h1>I'm a heading</h1>
  <p>I'm a P tag</p>
  <p id="pWithID">I'm another p tag</p>
  <p>I'm yet another p tag</p>
  </div>
</body>
</html>