promise me: html

Monday, April 11, 2016

Form Input Types

There are different input types that can be used when creating forms with input fields. Today I will only discuss a select few because not all are supported by every browser.

The different types are:

text boxes
text areas
checkboxes
radio buttons
submit button

The text boxes are for input types that handle text in only one line. The user can input letters, numbers, and other characters in this field.

The text areas are for input types that handle text in multiple lines. This type is not that different from a text box; the small differences being the multiple line and word wrap ability.

Checkboxes are for selections of more than one. The selections usually have a small, square box that the user can select, and some type of marking will show up as the user clicks on it. The developer can choose to have boxes already checked.

Radio buttons are for selections of only one. These selections usually have small, round circles that the user can select, and the circle will be filled as the user chooses it. The developer can also choose to have a button already filled in. An example of radio buttons in use can be seen with my poll on the right sidebar.

The submit button is for submitting the form. The developer can change the appearance of the button with a picture, or the developer can change the text that the button displays.

This was only a brief overview of these concepts, but I hoped it helped you in some way.

Source: http://www.w3schools.com/html/html_form_input_types.asp

Friday, April 1, 2016

HTML Basics

HTML, or Hyper Text Markup Language, requires several basic tags to be able to create a website. I am going to be discussing the ones for HTML5, the first being the <!DOCTYPE html>.

a picture from W3C's Introduction to HTML (http://www.w3schools.com/html/html_intro.asp)

<!DOCTYPE html>
Before the HTML tag, this must be declared to show the web browser which type of HTML it is reading.
<html>
This tag contains every other tag used in the HTML document, including the head, title, body, and other optional tags such as style, script, or etc. tags. At the very end of the document, there must be a closing </html> tag.
<head>
The head tag is where another essential tag, <title>, lies. Inside the head tag, things like the CSS and meta tags are placed. Information about the HTML document will be contained in here.
<title>
This tag is basically what it says: the title of the document. This will show up on the tab of the browser.
<body>
The body tag is where the output code is placed. There are different types of formatting settings that a developer can use to create and customize such as the different heading tags (<h1>) and paragraph tags (<p>).

HTML files are very easy to create and test on personal computers at home. They can even be created on a basic text editor, meaning developers do not have to purchase advanced software right while first learning the language. If anyone is interested in IDEs, there are links on the right side bar.

Source: http://www.w3schools.com/html/html_intro.asp