HTML: Basic Grammar-7-Forms

Computer, HTML

HTML: Form

The language we use maps the world. This page is a vocabulary key. The key will provide the grammar to understand the basics of HTML. After understanding the language, creating web pages are done easily.

Etymology and Cognitive Synonyms (synsets)

How words work:

  • Words are the anchors we create to describe our concepts.
  • These anchors become our vocabulary.
  • We then use our vocabulary to describe to others our thoughts and beliefs.

Where do words come from?

The birth place of words are in peoples minds. They become the blocks we use to build what we see, hear, taste, touch and smell (our senses). When you read you are condensing your senses into a chain of links from a set of symbols. These visible symbols are the anchors you chunk into your vocabulary to name your thoughts and beliefs.

Why start with the history of the word and cognitive synonyms?

The purpose of reading a list of the history of a word is to build your relationship as the word grew-up in time. The family origins of a word creates the anchor to the chain of how the words story sprouted in someones mind.

The cognitive synonyms (synset for short) are the present sprouted offspring of the word. They provide you fresh mental anchors to the chain of the words story.

Read the groups of words to see their birth.

Connect with the anchors to the story of the words to see how they’ve grown.

Anchors for your 5 Senses: Synsets

form; etymology:
forma; origin: Latin
contour, figure, shape; appearance, looks
an outline, a model, pattern, design; sort, kind, condition
form; synset:
a perceptual structure.
a printed document with spaces in which to write.
input; etymology:
to put in, to place, to set
input; synset:
signal going into an electronic system.
any stimulating information or event; acts to arouse action.

Putting Everything Together:

basic form structure

basic form structure

What is the <form> element?

<form>
a container element with interactive controls used to submit information to a web server.

Why use the <form> element?

To collect and store information on a web server.

What are the <form> interactive controls?

Input elements used to create interactive controls.

Why use <input> elements?

To accept data.

How do you determine the types of data collected when using the <input> elements?

The information collected in the <form> element depends on the type of attribute used in the <input> element.

What attributes (limits) can be set in the <input> element?

In this tutorial the attributes selected will be limited for the purpose of time. When you are ready to experience more, follow the link below…

Mozilla Developer Network: <input> Global Attributes.


Learn By Doing

Thought Experiment:

  • Open Favorite text editor and create a new .html file.
  • Create HTML Basic Document Structure
  • Create an <h1> element labeled as Sample Form.
  • Create a <form> element
  • Wrap 3 input types in the <form> element with the label:
    • Name:<input type=”text” name=”name”>
    • Email:<input type=”text” name=”email”>
    • Comments:<textare name=”comments” id=”comments” cols=”25″ rows=”3″></textarea>
    • Side note: These attributes will collect the information you request to store on a web server.
  • Save file and open in browser to view.

HTML: BASIC GRAMMAR-6-TABLES

Computer, HTML

HTML

The language we use maps the world. This page is a vocabulary key. The key will provide the grammar to understand the basics of HTML. After understanding the language, creating web pages are done easily.

Etymology and Cognitive Synonyms (synsets)

How words work:

  • Words are the anchors we create to describe our concepts.
  • These anchors become our vocabulary.
  • We then use our vocabulary to describe to others our thoughts and beliefs.

Where do words come from?

The birth place of words are in peoples minds. They become the blocks we use to build what we see, hear, taste, touch and smell (our senses). When you read you are condensing your senses into a chain of links from a set of symbols. These visible symbols are the anchors you chunk into your vocabulary to name your thoughts and beliefs.

Why start with a history of a word and cognitive synonyms?

One purpose of reading a list of a history of a word is to build your relationship as the word grew-up in time. Family origins of a word creates anchors to the chain of how a words story sprouted in someones mind.

The cognitive synonyms (synset for short) are the present sprouted offspring of the word. They provide you fresh mental anchors to the chain of the words story.

Read the groups of words to see their birth.

Connect with anchors to stories of words to see how they’ve grown.

Anchors for your 5 Senses:

Putting Everything Together:

What is the purpose of HTML tables?

Tables arrange and display items in rows and columns.

What is a basic table structure?

basic table HTML structure

basic table HTML structure

What does the <table> element represent?

The container element for a table.

What is the <caption> element?

Gives the table a caption to provide meaning for a user.

What is the <thead> element?

Defines a table’s head content.

What is the <tbody>?

Defines a table’s body content.

What is the <tfoot>?

Defines the table’s footer content.

What is the <tr> tag?

Represents a table row.

What is the <td> tag?

Defines a table cell in a <tr> tag.

What is the <th> element?

Defines the content as the table head titles for a tables columns.


Learn By Doing

Thought Experiment:

  • Open Favorite text editor and create a new .html file.
  • Create HTML Basic Document Structure
  • Create an <h1> element labeled as Top 3 Favorite Poem.
  • Create a basic 3 column table.
  • Define the table data and create in the table row tag place the titles of each poem.
  • Create another table row and place the year you discovered these poems.
  • Save file and open in browser to view.
  • Click the link created on your page.
  • What do you notice?