practice/Alaa_practice.html at master · AlaaA0813/practice · 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
<!DOCTYPE html>
<html>
<head>

<link href="practice.css" rel="stylesheet" type="text/css">

<meta charset="utf-8">
<meta name="viewport" content="width-device width, initial scale=1.0">

<title>Hello World!</title>
</head>

<body>

<main>

<a href="file:///Users/csetuser/Alaa-Ayyash_resume.html">My Lab Resume</a>

<p>Web <b class='term'>Development</b></p>

<address>
	Alaa Ayyash<br/>
	319 Meetinghouse Lane<br/>
	Lancaster, PA, 17601<br/>

	Email: <a href="mailto:ajayyash182@stevenscollege.edu">ajayyash182@stevenscollege.edu</a><br/>
</address>

<h1 class="rotate"><b>Web Development</b></h1>

<p>Today, I went to <b class='term'>work</b> and then had <b class='term'>class</b> in the afternoon.</p>

<p><button>Default Button</button></p>

<p><button disabled>Disabled Button</button></p>
<p>
	<button name="submit" type="submit" value="submit-true">
		From Submit Button
	</button>
</p>

<p><button accesskey="a">Button with <u>A</u>ccesskey</button></p>

<p><button class="styled">Fancy Styled Button</button></p>

<p>The <code>push()</code> method adds one or more elements to the end of an array and returns the new length of the array.</p>

<p class="rotate">New Products:</p>
<ul>
    <li><data value="398">Mini Ketchup</data></li>
    <li><data value="399">Jumbo Ketchup</data></li>
    <li><data value="400">Mega Jumbo Ketchup</data></li>
</ul>

<div>
	<label for="ice-cream-choice">Choose a flavor:</label>
	<input list="ice-cream-flavors" id="ice-cream-choice" name="ice-cream-choice" />
</div>

<datalist id="ice-cream-flavors">
    <option value="Chocolate">
    <option value="Coconut">
    <option value="Mint">
    <option value="Strawberry">
    <option value="Vanilla">
</datalist>

<label for="sandwich-choices">Choose a Sandwich Option:</label> <input list="sandwich-options" id="sandwich-choices" name="sandwich-choices" />

<datalist id="sandwich-options">
    <option value="Rueben">
    <option value="Cheesesteak">
    <option value="Cheeseburger">
    <option value="Turkey">
    <option value="Roast beef">
    <option value="Veggie">
</datalist>
<dl>
    <dt>HTML</dt>
    <dd><em>HyperText Markup Language</rm> describes the structure of the page and its contents.</dd>
    <dt>CSS</dt>
    <dd><em>Cascading Style Sheets</em> describes how a site looks and even to some extent how it responds to certain events.</dd>
    <dt>JavaScript</dt>
    <dd>JavaScript is the programming language used to define the logic and function of a site beyond simple look and feel.  Any computation or "thinking" is done using JavaScript.</dd>
</dl>

<p><b>Shopping List</b></p>
<ul>
    <li>Milk</li>
    <li>Bread
        <ul>
            <li>Rye</li>
            <li>Wheat</li>
            <li>White</li>
            <li>Sourdough</li>
        </ul>
    </li>
    <li>Eggs</li>
    <li>ALL THE CANDIES in order of importance.
        <ol>
            <li>Starburst</li>
            <li>Gushers</li>
            <li>Fruit Roll-Up</li>
            <li>Air Heads</li>
        </ol>
    </li>
</ul>

<img src="../thaddeus-stevens/cat.jpeg" alt="sleepy kitten" width="600px"/>

</main>

</body>

</html>