Hello! Welcome to my Neocities Website!
It's actually not going to look very different
than the starter template right now,
because I am learning HTML.
Since I am learning HTML (and eventually CSS and Javascript)
I was looking around for a free hosting site to practice writing HTML.
My only requirement was that there be no spam or ads, and so that's why I picked Neocities.
This is stuff I need to know:
This is a paragraph!
This is a comment: < !-- This is a sample of a comment!! -- >
Here's how you make a link: Neocities.
Important note: internal links must start with a '#' sign, like so: < a href="#mylist" >My List Below < /a >
Internal link to very basic CSS info below: CSS
Test link to dummy page: Yarn
Here is another link:
Read more about the history of HTML
Image courtesy CERN
Here's how you can make bold and italic text.
(You use -strong- for bold and -em- for italics.)
Here's how you can add an image:
It's important to know that 'img' is one of the few tags that doesn't need a closing '/img' tag.
For obviously obvious arbitrary reasons.
Also, it has many attributes besides 'src.' These include 'alt, 'height' and 'width.'
Remember, you use quotes around all attributes, like so: p alt="This is a silly picture." or width = "203".
Here's how to make a list:
List
- You can type ol /ol or ul /ol depending on your needs.
- This is an unordered list so it's got bullet points.
- Just below is an ordered list so it's numbered.
- And this is an ordered list.
- Both lists take the li and /li tags
- HTML5 allows one to reverse lists, but not in all browsers.
- But you can write ol reversed to try it.
The following is a table:
Meal |
Ingredients |
Price |
eggs | eggs | free |
bacon | pastrami | 5 bucks |
breakfast | milk | 800 dollars |
To learn more HTML/CSS, check out these tutorials!
Back to the top
This is version 1.04, created Aug/17/2018. Version 1.01 was pure HTML; version 1.02 adds some CSS. Version 1.03 added some edits. Version 1.04 added some more CSS notes.
And now some CSS stuff
Basic CSS
For the longest time, CSS was very confusing to me.
But now I'm starting to grasp it.
Here are some things I now know:
- You can select most any element of HTML by simply refering to it directly followed by curly braces.
- If you need to select a specific element, you can give it an ID such as p id="Pooh"
- If you need to select some but not all of something, such as multiple paragraphs, you use class
- Class works similar to ID in that you would write p class="Pooh"
- Inside the curly braces, there is always some style noun, a colon, and a specific type, a semicolon.
- Such as color:red; or backgroundcolor:blue;
More CSS stuff
- When combining CSS with HTML, it's important to distinguish between 'SPAN' and 'DIV
- SPAN is useful when you just want to change (eg color, underline) a few words or sentences.
- DIV is useful when you want to grab several HTML elements at once.
- Note: SPAN is in-line with no line break, whereas DIV will create a line break automatically.