html
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
<!-- Author: preetha
Date: 20 November 2018
An example of the use of the html based on
a similar example in chapter of 'HTML Basics' .
-->
<!DOCTYPE html>
<html>
<head>
<div id="header" class="section">
<p><h1> Pretty Cat </h1> </p>
<p>Created by Preetha</p>
</div>
<div>
<title>Pretty cat</title>
</head>
<body>
<a href=" https://www.purina.com.au/cats/care/facts">
More about cats
</a>
<link <href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css"> <style> .red-text { color: red; } .h2 { font-family: Lobster, Monospace; } .p { font-size: 16px; font-family: Monospace; } </style> <img src="https://s3.amazonaws.com/freecodecamp/relaxing-cat.jpg" alt="The cute kitten looking up hella cute height="200px" width="200px"
border="15px" alt="" ">
<p class="normal"> Cats have been domesticated (tamed) for nearly <b>10,000 </b>years.[2] They are one of the most popular pets in the world. Their origin is probably the<b>African Wildcat Felis silvestris lybica</b>.<br />
</p>
Enter to Rename, Shift+Enter to Preview
css
css
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
/* Author: preetha
Date: 20 November 2018
An example of the use of the html based on
a similar example in chapter of ' HTML Basics ' .
*/
#header {
background-image: url(" https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcSqDglQS0BAvdVCJ7pTIjKwnLmtwCNwFPV9-CEGhxoJX8dCbbas01RiI1AE ");
background-size: cover;
background-color:skyblue;
border-style:double;
border-color:blue;
}
#header img {
display: block;
width: 80px;
height: 80px;
margin: auto;
}
#header p {
font-size: 25pt;
color: #3b464c;
padding-top: 5px;
margin: 0;
font-weight: bold;
text-align: center;
}
Enter to Rename, Shift+Enter to Preview
js
js
1
2
3
4
5
6
7
8
9
10
/* Author: preetha
Date: 20 November 2018
An example of the use of the html based on
a similar example in chapter of ' HTML Basics ' .
*/
alert("My first code in web was pretty cat.Because i like pet animals");
alert("It was my first try.if you like it upvote me!");
Enter to Rename, Shift+Enter to Preview
BROWSER
Console
Run