Part III: Something To Do With HTML | A Bad Guide To HTML1

Part III: Something To Do With HTML

HTML Type Thing

Here is a guide to HTML, if you've skipped to this part, keep in mind that this HTML is *OUTDATED* and it's really best to learn HTML that is up-to-date. Please keep this in mind while reading this, and know that the skills that you will (hopefully) get to know will be kind of useless in an environment that isn't making a website that is able to be to run on the WorldWideWeb browser.

HTML stands for hyper-text markup language (not like you will need to remember that at all), and it is what makes up the entire Web. If you've ever right-clicked on a web page, and went to view the source hidden under the skin, you would have seen the HTML code that makes the page. You can view the source of this website (or *any* website for that matter) by pressing CTRL+U on a Windows computer, if you're not using Windows, then you're weird. At first, HTML may seem complicated, but this guide will show you through the basic steps.

While making a website, HTML is often pared up with CSS and even JavaScript at times (JavaScript and Java are *not* the same thing). Many website use a combination of HTML and CSS, as CSS can often make it a lot easer to take care of a site. However, CSS was made in 1996 while JavaScript was made in 1995, so because of this, it means that the WorldWideWeb browser won't know how to run these two, and will just ignore it/show a few nice looking errors on the page you're on.

HTML Element

In terms of HTML, an element (this guide is just going to call them tags, #DownWithTheMan!) is is kind of like a way for a web page to tell a browser how to display a certain thing. This "thing" can be anything from the colour, size, or the font type of text that is on screen to what size an image is on screen. In HTML1, all that you can really do is choose the text size, along with putting lines in-between of text.

Now, this is where the fun really starts, white boy. Time to break-down all of the HTML1 tags. . .

The <A> Tag (Still used a lot)

Tim Berners-Lee probably, most likely, maybe (according to BrainyQuote) once said; "You affect the world by what you browse". Of cause, the Web is made up of links, there are links on nearly every page you browse, links to other pages. But, how does one make a link to a new page? Woah mama, time to teach you!! :O

Links are fairly easy to get a hold of, to make one, simply make something tat looks like this;

<A HREF="http://info.cern.ch/hypertext/WWW/NeXT/WorldWideWeb.html">Hello!</A>

Very cool, because of this, what you made should look like this;

Hello!

A link that has the full URL is called an absolute link, a common error seen is not linking the HTTP part, not including that will instead lead the user to a 404 page. Jolly good fun. If you want to be hot shit, you can so something that is called a relative link. The long and short is that rather than writing something like this;

<A HREF="http://info.cern.ch/hypertext/WWW/NeXT/WorldWideWeb.html">Hello!</A>

You would instead write something that looks like this;

<A HREF="WorldWideWeb.html">Hello!</A>

But, unless a website has WorldWideWeb.html (or another page name) in it, this link will lead you to a 404 error, meaning that the page was not found. There are other things that you might like to know, such as if you put a link that looks like this, dot dot dot;

<A HREF="/WorldWideWeb.html">Hello!</A>

(Note the slash ("/")) Then the link will go to the bottom (lol) of the tree root. So even if the link was used on a tree root that looked something like this;

http://owlman.rf.gd/html/3/

Then the link with the slash will go to http://owlman.rf.gd/WorldWideWeb.html and not http://owlman.rf.gd/html/3/WorldWideWeb.html, because God hates you.

The Address Tag

In terms of HTML tags, this one isn't *really* seen a lot, it was mostly made pointless in HTML 2 with the <I> tag (that itself was updated (for some reason) in HTML 4.01 with the <EM> tag), the I tag being used for italic text, however, as this tag wasn't used until an HTML version later used, you would be cheating if you used this tag.

The HTML <ADDRESS> tag makes the "address" element, this represents an address in an HTML document. By this, it means it tells the viewer to who made what on a certain page used on a website, for example, all of the guide pages on this site give credit to Clive Python, who wrote this guide in 2019.

To use this tag, you would do this. . .

<ADDRESS>This page was made by Arnold J. Rimmer</ADDRESS>

As a result of this, the webpage will appear as such;

This page was made by Arnold J. Rimmer

You would think that as the text in-between the ADDRESS tag is in italics, then this tag could be used as a substitute for the <EM> tag, well, what's annoying is that no, this won't work well, as every time you use the ADDRESS tag, it makes a new line in your text. So unless you

want
to make a new line whenever you want to use italics, then you might like to use a substitute such as *doing this* or _even this_. This tag is not really used any more all that much, it has in-part been taken-over by the <em> TAG, but it is still useful in some places.

The Title Tag

The concept of this tag isn't very hard to wrap your head around, this tag will be the title of the webpage that you are on, much like how a book shows the title of the chapter on the top of the page.

To use this tag, simple write something that looks like this;

<TITLE>Hello there!</TITLE>

In the case of this page, you can see what the title of it is by looking at the very top of it, you should see it is called "Part III: Something To Do With HTML | A Bad Guide To HTML1". Almost all web browsers, old and new, support some form of the title tag (or at lest on desktop, on mobiles they might just show the URL of the page, and not the actual title itself).

Tags No Longer Supported

http://www.techfreakstuff.com/2010/03/old-html-tags-not-supported-html5.html https://www.w3schools.com/tags/default.asp https://www.w3schools.com/tags/tag_comment.asp https://html.com/tags/comment-tag/ https://html.com/tags/plaintext/ http://martinrinehart.com/frontend-engineering/engineers/html/html-tag-history.html https://en.wikipedia.org/wiki/TIFF https://en.wikipedia.org/wiki/GIF https://en.wikipedia.org/wiki/WebP https://en.wikipedia.org/wiki/PCX https://www.nikhef.nl/~a03/www/default/NikhefGuide.html file:///C:/Users/14/Desktop/1F02/tasteless/http___info.cern.ch_/info.cern.ch/hypertext/WWW/MarkUp/Future.html file:///C:/Users/14/Desktop/1F02/tasteless/http___info.cern.ch_/info.cern.ch/hypertext/WWW/MarkUp/MarkUp.html file:///C:/Users/14/Desktop/1F02/tasteless/http___info.cern.ch_/info.cern.ch/hypertext/WWW/MarkUp/Tags.html

To Recap

To recap on this small page, for all of you forgetful fucks out there.
  • Is it HTTP?
    Whatever
    Read this page again if you forgot already, you dumb-ass
  • ,----------------, ,---------, ,-----------------------, ," ,"| ," ,"| ," ," | +-----------------------+ | ," ," | | .-----------------. | | +---------+ | | | 500 ERROR | | | | -==----'| | | | | | | | | | | | THIS SITE | | |/----|`---= | | | | WON'T RUN | | | ,/|==== ooo | ; | | | | | // |(((( [33]| ," | `-----------------' |," .;'| |(((( | ," +-----------------------+ ;; | | |," -Kevin Lam- /_)______________(_/ //' | +---------+ ___________________________/___ `, / oooooooooooooooo .o. oooo /, \,"----------- / ==ooooooooooooooo==.o. ooo= // ,`\--{)B ," /_==__==========__==_ooo__ooo=_/' /___________," `-----------------------------'

    Copyright 2019, Clive "James" Python, owlman@protonmail.com
    Attribution-NonCommercial-ShareAlike 4.0 International