Pixel Shannon

@pixelshannon.com

10 Followers 45 Following

Testing Bluesky domain handles and encouraging people to make websites. https://www.pixelshannon.com Main: @shannonkay.com Make Your Own Website! https://yourownwebsite.org

Make Your Own Website printable cheat sheet thumbnail with a basic HTML page structure example, a table with a reference for a few html tags, and some helpful links at the bottom. Full tutorial at https://make.yourownwebsite.org

Make Your Own Website Cheat Sheet
Basic HTML Page Structure Example
index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>My Website Title</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<header><hl1>My Website</hl></header>
<main>
<p>Welcome to my website!</p>
</main>
<footer>This website was made by Me</footer>
</body>
</html>
HTML Tag Reference (just a few tags)
Paragraph <p> <p>This is my paragraph</p>
Link <a> <a href="https://www.mywebsite.tld">My Website</a>
Line Break <br> <br>
Horizantal Rule <hr> | <hr>
Image <img> <img src="catl.gif" alt="Pixel drawing of a black and white cat">
Free Web Hosting Places to write your code
https://neocities.org https://vscode.dev
https://nekoweb.org https://phcode.io
https://pages.github.com https://codepen.io
A plain text editor like Notepad
Full tutorial at: https: //make.yourownwebsite.org

You are the <p> element!
You see the web as a fantastic platform for sharing the words you write.

Your nested element is <blockquote>.
You like to think about ideas from multiple places and connect them.