FORM (Radio Button, Checkbox, Drop Down List, Submit)

Radio Button
<form method="post/get" action="URL/file">
.
<input type="radio" attributes>
.
</form>

• A radio button is any set of options from which only one may be selected at a given time. 

Check Box

<form method="post/get" action="URL/file">

.

<input type="checkbox" attributes>

.

</form>

• The check box is similar to radio button but you have the option of selecting more than one option at a given time. 

Drop Down List

<form method="post/get" action="URL/file">

<select name="input/control name">

<option>...</option>

</select>

</form>

• A drop down list allows you to have a menu of options that appear below the item when the computer user clicks on it. 

Submit

<form method="post/get" action="URL/file">

.

<input type="submit" value="name">

.

</form>

• This tag creates a button that allows you to send the information to your location of choice. For example you can set it to send to a certain email or database. 

And here is an example of each input entry:

The one thing Radio Button, Checkboxes, and Drop Down lists all share in common is that they show you a list of options and allow you to choose an option. 

Checkboxes and Drop Down lists can allow you to choose more than one option while Radio Button only allows you to select one. You can actually choose whether or not you want the Drop Down list to allow the user to select one option or more. 

What sets the Drop Down list apart from Radio Button and Check box is that the Drop Down list puts all of the options in a drop down menu while the other two display all the options as shown in the picture above. I would say that the drop down list is more organized and cleaner than the other two options. 

Some tips I have for creating forms are that you should always be clever about them. Many of the tags are similar and all you would have to do is change a word or two to change one tag into a whole other thing. For me, I am always copying and pasting tags and slightly changing them to work more efficiently. It saves time and effort and finishes the job. When you are good with that, I also suggest to always double check your work. There are many opportunities for mistakes when it comes to making these things, so I suggest to be very vigilant and don't always think you have it right the first time. Bro you're better safe than sorry! ;) 

Blog 2 - Form

What is form?
Form is a printer document, especially one with spaces in which to insert facts or answers. They are also known as an application.

What are the importance of form in websites?
Form can be used to get information from subscribers of the website or for people applying for any position an employer may be publishing online.

Name & give the syntax of the different input elements that you can add in your form.
Type- <form>
<input type="controls">
          </form>

Name- <form>
<input type="controls" name="name of the control">
          </form>

Why do you need to learn about form in HTML?
If you need to get information from the people using your website, it will be more convenient for those using your website and for you. Forms are also more organized. Life is always easier when you are organized.

Links

What did you learn from week 1? 
In week one I learned about many different tags that you can use for making your own website. I learned about target, mill to me, and HTML forms. The target attribute tells you if you can open the page in a new window, new tab or on the same page. The mailto link is an email tag. HTML forms are used to create forms on your web page. For example, they are used in job applications, or when you sign-up to join social media sites like Facebook or Twitter. We haven't completely learned everything about forms so I hope in the upcoming weeks I will get to know more about them so I will be able to use them in my project.

Deprecated Tags, Styles and Attributes

Deprecated Tag

3 things you learned

1. They can still be used but will one day be obsolete.
2. They are not supported by future HTML and XHTML.
3. Cannot be read by HTML 5 and is replaced with style.

2 things that you will do with what you learn

1.  I will no longer use deprecated tags so I can work more efficiently.
2.  I know the meaning of the word deprecated and this will help me sometime in the future.

1 question in mind

1.  Are deprecated tags going to be obsolete in the near future?

Styles

3 things you learned

1. These tags are used in place of deprecated tags.
2. Styles are supported by HTML 5.
3. You can have multiple actions in one tag as compared to separate tags for font, text color, etc.

2 things that you will do with what you learn

1. I can use styles to work more efficiently.
2. Knowing the difference between deprecated tags and styles will surely help me on the final exam.

1 question in mind

1. Is style supported by older versions of HTML?

Attributes

3 things you learned

1. They are used to assign colors, styles, and alignment to a page
2. Attributes can be used as a deprecated tag or styles.
3. They make your page nicer to look at and not plain.

2 things that you will do with what you learn

1. Make my page more aesthetically pleasing by changing background color.
2. I can change the font to maybe give emphasis to certain words and make some words pop out from the rest.  

1 question in mind

1. Are there anymore attributes to learn about?

MORE Table Tags

Creating my schedule .... again:

1. Well here is a another blog post about my experience in table tags! This week we learned more about different tags that can be used in a table. Although we did learn a little about attributes this week it was mainly focused on table tags. 
2. Three tags I learned this week are the cell padding, cell spacing, and horizontal align. 
• Cell padding specifies the space between the cell wall and the cell content. The tag for this is: <table cellpadding="no. of pixels">...</table>
• Cell spacing specifies the space between cells. The tag for this is:  <table cellspacing="no. of pixels">...</table>
• For horizontal align it specifies the alignment of a table according to its surrounding text. The tag for this is <table align="alignment">...</table>
3. My overall experience this week was okay. The work was not too hard, so I did not have a hard time. I can already feel the work getting more and more complex. I can't wait. 
4. When do we get to use the align tags? Because we hardly went over them this week. 
5. This activity will help my critical thinking by allowing me to get used to discerning between horizontal and vertical... it will also help me discern between rows and columns. Sometimes I get those things mixed up. :( Hopefully I'll learn more on this journey of education and be able to fully get past the things that hinder my success!

Table Tags

 Creating my schedule:

• One of our activities for this week was to create our class schedule from Monday to Friday using HTML. Our work in this class is starting to get more difficult and tedious. 
• Two of the tags I used in creating the schedule were the table header and table data tag. These tags are needed to make the schedule because it is part of the table syntax. Table header acts as the header for each column and table data is simply the data that would be put in each column. A third tag used to create my schedule was the header tag. I used this tag over the schedule to indicate which schedule was for what day of the week. So the header tag would contain a day of the week. :) 
• My overall experience with this assignment was okay. It was more work than I am usually used to in this class and I believe that is a good thing. I enjoyed this assignment because it challenged me to apply what we have learned so far in this class. Everyone in class was kind of stressed out because the work can get confusing at times. In the end everyone was able to finish and that's the only thing that matters. 
• Will this be part of our project for the 2nd quarter?
• This activity helps me to develop my critical thinking by allowing me to comprehend my class schedule and organizing it accordingly. If not for this activity I would have never known that classes are 80 minutes long on Wednesdays! 

Lists

·         Introduction 

       Lists are a good way to organize a set of words you might be wanting to display on your webpage! J So this is another lesson from my HS computer class. It’s always good to learn something new and this was something very new to me. :P I just know I need to know this because I’m 90 percent sure this will be on our final exam

·         Name and explain the html tags & its attributes that you use in lists.

      There are two types of lists for html. We have ordered and unordered lists. For ordered lists you can enter a certain tag and it will either arrange them numerically, alphabetically, and by roman numerals. For unordered lists they aren’t arranged like ordered list but listed by bullets. By giving them a certain tag, the unordered lists’s bullets can either be “circle”, “square” or “disc”.

·         Say something about your overall experience while doing your work.

      The ordered list part of the lesson was really easy for me. I believe it will be very useful when we have to do our project later this quarter. The unordered list part, however, was not so easy. I think I can say this was the hardest lesson yet. That’s kind of weird because I usually get everything. J I understand it know though. Like usual, I end up more than okay in the end. I hope that Mrs. Buenaflor will give us even more challenging exercises because I love a challenge.