Introduction to HTML Day 8

This is the PDF collection of cheat codes for the Forms unit.

So those tags are actually referred to as Forms. And they are way more confusing than I thought. In an effort to make them more friendly, I colored the table I put the screenshots in rainbow. Did it help? 

The project gave me small knowledge on how to use the textboxes, number type, span type and checkbox type of forms. You can make a big text box using the text area type. There are also datalists and ways to force people to answer your questions by using the 'required' type. 

Next I will work with forms more in an effort to understand them. Let me use the Form="post" option right now to post this!

Introduction to HTML Day 7

This is the PDF collection of cheat codes for the Tables unit.

In order to continue working with tables, I was provided with a 'cheat code' of sorts so I could remember what each thing did. 

I learned that <thead> vs <tfoot> were important for designing nice-looking tables, especially when you added different colours and fonts. 

Next I would be provided with the sorely needed PDF of cheat codes for the <select>,<label> and <input> tags. 

Introduction to HTML Day 6

Burger Project

I was throw right into it this time with another project. I had to make an interactive 'pick your burger' website. The <section>, <label> and <input> tags were definitely the hardest for me to wrap my head around. 

The <section> tag dictated The difference in spacing between 'what type of protein would you like' and 'how many patties would you like'. It had to be in the class "protein" so the computer would know which section to input the answer too. 

The <label> was the words showing up before the input text box. In order for it to be linked to the text box, the 'for' addition was used, and the id of the text box was inputted. If you skipped that step, the computer would not know what the label was for. 

The <input> was the text box, which was what you would be interacting with. It had to be very specific, since the input was a complete variable. The 'type' specified that it would be a text box. It needed a name and an id in order to communicate with the label and the computer. 

The 'span' option of input had set values which you had to specify. For instance, the min and max had to be numbers, not just names, so that you could clarify that they could move the slider up and down at '1' intervals. For instance, if the min is 1 and the max is five and the slider intervals were +-5, it could be either or but not in between. If the interval had a value of +-1, then there were up to 5 options. I gave the interval a value of '3' so that there were three options. 

The 'checkbox'es were easy, you gave them a name and id, and the value was what the computer read. 

For the dropdown menu, there was no <input> function involved. It went straight from <label> to <select> to <options>. The <select> tag was what the website veiwer interacted with, the <option>s were the words in the dropdown menu. 

Moving on I would get a hard copy of what I had learned so far. 

Introduction to HTML Day 5

Wine Festival Project

The wine festival project was probably the easiest of all. I needed to set up a pretty invitation that had its own URL. I did learn how to remove walls in a row, using the colspan="" addition. 

Moving on, it would get more interactive. The next unit was on switches, buttons, and sliders. 

Introduction to HTML Day 4

Tables, Rows and Columns

Tables are very important to be able to organize your information, especially pictures and numbers so that everything looks pretty. 

CodeAcademy set up a website with shipping orders for me to use. I had to make columns referring to the Company doing the shipping, the Number of Items, and what needed to happen Next to finish the transaction. 

To do this I learned about the <table> tag. The tag only works when you put in the correct guts, namely the <thead> table head, <tr> which designated a column, <th> and row content tags. Interestingly with tables, the first row has <th> for its content, while the next rows have <tr>. It works that way because those contents are all the column headers. 

Rows run horizontally, columns run vertically. That was very hard to remember. 

Next I would get to practise with another project. 

Introduction to HTML Day 3

Project Time

It was time to venture out on my own with this project. The goal? To make a blogpost about New York Fashion Week. In order to demonstrate everything I had learned so far, I had to insert pictures and paragraphs, as well as link each topic in my introduction to the blog post. 

I learned that New York Fashion Week showcases the strangest fashions. 

Also, it's just a lot of the same tags over and over. 

I used unordered lists and identity tags to link to the topics in my blog. 
Identity tags were probably among the greatest things I learned about. 
Using an identity tag, you can put links in your article by using the <a href="#"> tag, as long as you also used that tag to identify the link; id="". 

Next I will be moving on to learn about tables. 

Introduction to HTML Day 2

Today I learned how to set up the HTML and organize it, instead of just what HTML is and does. CodeAcademy has a unique 'hands-on' kind of learning. Instead of just telling me that !DOCTYPE html communicates with the internet browser when you make a website, they directed me to make a website and play around with it. 

I learned the importance of the tags in coding. Coding can get very complicated, very fast. Tagging things specify what will be read by the browser, where it will appear, and how. I learned how to make headers, titles and paragraphs, as well as insert pictures. 

Next, I will be working on my first project; setting up a blog.