~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ SOFTWARE NEEDED , GETTING STARTED > Install Notepad++ then, when you got it, create a folder in your 'Public' folder (go to File Explorer, click on 'Network', double click your PC, then double click on Users) called whatever you want it to be called. Avoid spaces in file and folder names. What you'll want to then do is create a .txt file in the folder (right click in a blank area while you're in the folder, hover over 'New' and click 'Text Document') and to build good habit, call it 'index'; (it will be index.txt until you edit it with Notepad++) With Notepad++, go to 'File' and then 'Open'; find your 'index.txt' file, and when you get in there, type the following; example | | | | | then go to 'File' and click 'Save As'; go to 'Save as type:' and scroll down (should be just one mouse wheel notch) and click on 'Hyper Text Markup Language file'. ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ CUSTOMIZING A WEBPAGE Now, with a legit HTML file created (should now read index.html at the top), you can start customizing it. Here's how you'll specify your fundamentals; example | | | | | put these tags inbetween the and tags the @@@@@@ is a hex code, which a pretty good palette to start off with (or run with if you're me) is the standard 16 color ("web colors" palette) but feel free to use any hex code you want. Save this image somewhere, doesn't have to be in your project website folder, but if you do save it there, save it under a folder inside your website folder called "images". And if you want to be clever, name it 'colors' and save it as a JPG. that way, from your browser, you can just transplant the "index.html" portion in the URL "file://@@@@@@/Users/Public/@@@@@@/index.html" with "images/colors.jpg" and see the table. Now, with your page having a defined background color (you can opt to have a background image instead of a background color by amending (putting after) 'bgcolor=#@@@@@@' with 'background="images/@@@@@@.jpg"'), put some text in there. Inbetween the tags, type something out. Example: '"The only thing worse than a nigger is a wannabe nigger" - Albert Einstein' If you want to make the text bigger or a different color than the defined global color, you'll surround that text with a tag. Here's an example of how that would look; "The only thing worse than a nigger is a wannabe nigger" - Albert Einstein (this made the quote 'Aqua' color.) "The only thing worse than a nigger is a wannabe nigger" - Albert Einstein (this made the quote bigger) "The only thing worse than a nigger is a wannabe nigger" - Albert Einstein (this made the quote bigger and 'Aqua' color.) ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ IMAGES If you want to place an image, use the

element. Remember that you'll want to keep all images in one spot, in the "images" folder; you'll want to keep audio in the "audio" folder, etc. To define how large the image is, declare the width. It will be typically done in pixel count, so here's how it would look; | |

| worth noting is that image elements (img) are self-closing, so you don't need to do . Another common example of a self-closing tag is the line break
, which is used for skipping lines. You'll need to save any image that you want to use into the folder so your webpage has access to it. Here's how you can make life easy; In 'File explorer', from the page your at in (...)Users/Public/daelenswebsite, you'll see that you're in said folder on the left hand side. Click and drag it into Quick Access. You also may consider right clicking the folder and 'send to' 'Desktop (create shortcut)' Something you'll also want to do is name your computer something simple. GRISTLE is a great PC name. Also, if you want to be able to play around with accessing this site from another computer, you'll want to go to Control Panel > Network and Internet > Network and Sharing Center > Change advanced sharing settings > 'Turn on network discovery' 'Turn on file and printer sharing' If you want to center text or images, it's really simple. Use the and tag. If you want to skip a line (you'll use this a lot), you'll use the
element (it stands for 'break' a la Line Break).
is one of those self-closing tags so you just need the one tag, no
or anything ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ LINKS to link to something, use the and tags. This can be almost anything - a website, an audio file, a txt document, an image, etc. When you click on the link, it will open in the same tab (usually, depends on your browser settings). This is a dump of the code for the test.html page; (((triple parenthesis are not included in the code))) (((alt code shortcut that takes you to the help doc))) (((text color, background color (unseen but present), background image (tiled)))

(((lines skipping)))

(((the image of the hexcode periodic table, with link tag that goes to my website when clicked)))
"The only thing worse than a nigger is a wannabe nigger" - Albert Einstein

Daelen Guyer is a mentally deranged gore addict responsible for

(((the small gristle logo cutout)))