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
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
</head>
<body>
<nav><a href="#note">Note</a><br><br><a href="#tip">How to be a better programmer</a><br><br><a href="#jsHelp">Help with basic js</a><br><br><a href="#htmlHelp">Help with basic html</a></nav><hr>
<br><br>
<h2 id="note">I have a note to you</h2>
<note>Stay simple,<br>Have fun coding,<br> make it your own!<br>And give credit to those who need it.</note><br><br><br><br><br><br>
<br><br><br>
<h2 id="tip">Tips to be a better programmer</h2>
<tip>Some of peoples questions are answered in the next lesson!<br>Resist the urge to ask.<br>If it is not answered in a lesson or module,<br> Figure it out yourself or <br> just ask in your head,if that error,can be changed.<br>If you cannot figure it out yourself,<br>Ask!<br>And even if you tried so hard,<br> Your not going to make a remake of Fornite or sonething.<br>So stay simple, and youll relize what you been missing all <br> along.</tip>
<br><br><br>
<h2 id="jsHelp">Help with basic js</h2>
<jsHelp>Variables: var exampleVariable = "Hello!". Used to store data. In ES6,If you havent called the variable behind the line but still defined it, the value will be undefined.<br><br> Arrays:var exampleArrayOfFriends = ["John","Selina","Noman"]. Used to store multiple. The amount in there is called indinces. The first index is 0. <br><br> types:
Int (integer),String ("text"), float (num.num),boolean (true or false),typeof (could be used in a if, if (variableName.typeof === type)</jsHelp>
<br><br><br>
<h2 id="htmlHelp">Help with basic html</h2>
<htmlHelp>headings:<heading id="hea">?</heading>.<br><br> Making new tags: write in your tag name, then the content. use css and js to control it.
</body>
</html>
Enter to Rename, Shift+Enter to Preview
css
css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
body {
text-align:center;
}
nav {
background-color: lightgreen;
width: 150px;
height: 170px;
position: fixed;
top: 30px;
right: 5px;
}
nav a {
text-decoration: none;
color: blue;
}
Enter to Rename, Shift+Enter to Preview
js
js
1
$("#hea").text("<h1> to <h6>. <h1> is the biggest,<h6> is the smallest")
Enter to Rename, Shift+Enter to Preview
BROWSER
Console
Run