66 lines
1.2 KiB
Markdown
66 lines
1.2 KiB
Markdown
|
||
|
||
|
||
|
||
## STEP 1: Open up a google doc, images & background color.
|
||
|
||
[https://html.onlineviewer.net/](https://html.onlineviewer.net/)
|
||
|
||
|
||
```html
|
||
<!DOCTYPE html>
|
||
|
||
<html>
|
||
<body>
|
||
<body style= “background-color:red”>
|
||
<h1> Blah balah </h1>
|
||
|
||
</body>
|
||
|
||
</html>
|
||
|
||
|
||
```
|
||
|
||
|
||
---
|
||
|
||
### STEP 2: Adding tables & embedding games + videos!
|
||
|
||
We have all heard about Scratch? Played games last week?
|
||
Let's play geometry dash --> [Geometry Dash ](https://scratch.mit.edu/projects/835488610/)
|
||
|
||
**On our website!** :D
|
||
*Add your own games here*
|
||
|
||
```html
|
||
<!DOCTYPE html>
|
||
|
||
<html>
|
||
<body>
|
||
<body style= “background-color:red”>
|
||
<h1> Blah balah </h1>
|
||
<p> Lorem ipsum about random stuff that interests me. </p>
|
||
|
||
<h2> Geometry Dash Blah </h2>
|
||
<iframe src="https://scratch.mit.edu/projects/835488610/embed" allowtransparency="true" width="485" height="402" frameborder="0" scrolling="no" allowfullscreen></iframe>
|
||
|
||
</body>
|
||
|
||
</html>
|
||
```
|
||
|
||
|
||
|
||
---
|
||
|
||
|
||
### STEP 3: Publishing the website & additional CSS.
|
||
|
||
[https://neocities.org/browse](https://neocities.org/browse)**
|
||
|
||
---
|
||
|
||
### Step 4: Additional Tips
|
||
|
||
* Go to [https://html-online.com/editor/](https://html-online.com/editor/) to learn about adding tables. |