Learn Bootcamp From Zero

A simple register form like Facebook sign up form may only contains username, email and password. However, we may also see many complex forms out there such as survey form, visa application form, and school application form, etc. From Google Image Just like a random example form  above, this survey form not only has simple text fields such as "Name" & "Email" , but it also has drop-down content and checkbox to collect the information. With Drop-down and Checkbox, people feel easy to make a choice because they don't have to think their own answers. It also help company to collect the most relevant data and analyze results. How to add those useful features on your HTML form? Radio Button/Checkbox Radio Button and Checkbox are widgets whose state you can change by clicking on them. Both of them are created using the <input> element with its "type" attribute  set to the value "checkbox" or "radio" . ...

I learned some basic html table elements such as <table></table>,<tr></tr>, <tb></tb>. Therefore, I can use these elements to create a simple table . Today, I continue to learn more html table elements to add more features to a table. <Caption> Since we are not likely to read every detail on each website; in the other word, we like to scan content to save time. If a web page has a table, it is better to have a title for the table. So, we can get a quick idea about this table. Therefore, we need to add <caption></caption> element under the <table></table> directly. screenshot from MDN Advanced Table Element <thead>, <tbody> & <tfoot> These three elements will help to mark up a header, body and footer section for a table. They are very useful for styling and layout. <thead>   </thead> stands for table header, which will be the first row containing the column heading...

In many websites, we can see a lot of call-to-action such as  click here, know more, buy now, etc.  When users click the "buy now", it will direct to a shopping page.  So, "buy now" is linking to another page web address. How can we add hyperlink on the text? It is simple, all we need to insert attributes inside the element. Attributes Attributes are adding extra information to tags, but they are not showing in the actual content.                  <tag name="value" ></tag> The name="value" part is the attribute. It is inside a tag and includes an attribute name, followed by an "=" sign, and an attribute value. In the example below, <a></a> stands for "anchor" and will make the text into a hyperlink.  And the   href ="https://www.google.com" is a link attribute, which will direct to Google Homepage when someone click on "my favorite website". As we can s...