repl.it
@alex8unm/

Web Page 1

HTML, CSS, JS

This is my first web page using HTML and CSS.

fork
loading
Files
  • index.html
  • Cats.jpg
  • script.js
  • style.css
index.html
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
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
   <meta name="viewport" content="width=device-width">
  <title></title>
  <link href="style.css" rel="stylesheet"
  type="text/css" />
  <style>
    body {
      background-color: rgb(168, 62, 195);
    }
    </style>
</head>

<body>
<img src="Cats.jpg" alt="Cats" width="200">

<ul class="navbar">
  <li><a href="index.html">Web Page 1</a>
  <li><a href="information.html">Information</a>
  <li><a href="class.html">Classes</a>
  <li><a href="links.html">Links</a>
</ul>

<h1>Web Page 1</h1>

<h3> My first web page </h3>

<p><em>Welcome to my styled page!</em>

<p>It lacks images, but at least it has style.
And it has links, even if they don't go
anywhere&hellip;

<p><strong>There should be more here, but I don't know
what yet.</strong><br><br>

<br> <br>

Text
green
 
classname: myButton
 
Font Size: 
17px
 bold  italic
Size
Vertical Size: 
16px
Horizontal Size: 
31px
Border
Border Radius: 
28px
Border Size: 
1px
 Box Shadow
 Text Shadow
Vertical Position: 
1px
Horizontal Position: 
0px
Blur Radius: 
0px
 prefix<a href="#" class="myButton">green</a>


The standard Lorem Ipsum passage, used since the 1500s
"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."<br> <br>

<h3>Things I like to do:</h3>
<ol>
<li>Dance
<li>Sing
<li>Eat Fancy Dinners
<li>Camp </ol> <br> <br>

<address>Made September 3rd, 2019<br>
  by Ms.Alex</address>

</body>
</html>
result
console
?