Note from the future: click here to go back to my site.

Three New Tags

Favicon

This one's a styling tag used in your <head>Heading Tag</head> instead of the body. Ever wonder how webpages put that little image in the tab? This is it: a Favicon!
These are attached to a <link> element of the page. You can see the full example in the source code, but I'll break down the three fields I used:

rel tells the browser that you chose this as a favicon. "shortcut icon" should work with most browsers.
type specifies the format of the linked resource; we used "image/x-icon" for the favicon.
href, as we know, specifies the path to the favicon.

Did it show up in your browser? Check the tab! If it's there, you should see my Pokemon Draft League's team logo, which is this, for anyone curious.
I learned about this from codecademy.

<form>Form Tag</form>

A form is a way to gather information from your user, which I'm sure you've all seen plenty of times before. These typically export to another page, server, or somewhere else a site may process and store this data.
My example below will just be a form that does absolutely nothing but refresh the page. Typically, you'd want a .jsp page to process and return this information.
As we're learning in CIS266, which is my source for this one, this is extremely helpful for countless programs, including games, sign-up sheets, calculators, and so many more!

I also have a second form somewhere on this sheet. Can you tell where?

It's a pretty complicated tag, requiring a method for the form. Usually, we just use "post". Then, you need input types, which are usually "text" since forms read in Strings anyway; there are different form types that call for another value, however I will keep it simple here. Of course, you need a submit button to send the data.
Speaking of buttons...

<button>Button Tag</button>

The Button tag is a way to allow users to interact with a web page by triggering numerous actions, including submitting a form or running JavaScript.

Example Button

A very basic function of the button is to provide an alert to the user, as you can see here!

Disabled Button

Buttons can also be disabled by tagging it with a disabled attribute.

Styled Button

You can also style these buttons with a custom CSS class, much like your page! In the source code, you can see the various styling elements embedded into the page.
For example, I changed the background color to purple and the text color to gold. These work with basic colors and HEX codes.
You can also customize the font size, border, and what the cursor and button look like when you hover it!

You can change their function to be regular, submit, or reset buttons. I learned that from w3 schools, which you can find...