WDD - HTML Tags, Tables, and Forms (Lesson)

 

HTML Tags, Tables, and Forms Lesson

All About HTML

The goal of a website is to get the message across to its users. A key to doing that is having a well-designed website that is user-friendly, interactive, and easily accessible. To accomplish this, design methods along with other complex programming tools are used. The programming language that makes this possible is called HyperText Markup Language (HTML). This is the standard markup language for creating webpages.

HTML Web Tags

Webpages use codes known as HTML tags to define how a browser will display the material in an HTML file. There are essential tags that an HTML file must have to be valid. These essential tags form the basic structure of HTML files. Like most tags, essential tags have an opening and closing part. The opening tag tells the browser where to begin the instructions and the closing tag tells the browser when to stop following instructions. HTML tags are located within angle brackets (<>). The text in between the tags is element content, and the set of tags and element content compose HTML elements.

Essential HTML Tags

Essential HTML Tags

Download the Essential HTML Tags Infographic Script. Links to an external site.

How HTML Tags Work Video

Download the How HTML Tags Work Video Transcript Links to an external site..

Formatting Headings

To format headings on your webpage, you would use an HTML heading tag. They are used to format the size of a title or subtitles for a section of the webpage or a paragraph. There are six levels of HTML headings and they range from <h1> to <h6>. The range of size is represented with <h1> being the largest and <h6> the smallest. In addition, the heading tags do have an opening and closing tag.

Take a look at the chart to see the changes in the sizes of a title when applying the different levels of heading tags.

changes in the sizes of a title when applying the different levels of heading tags

Download the Formatting Headings Infographic Script. Links to an external site.

Creating Tables

Tables are used to control the layout and appearance of data. A webpage table consists of rows and columns to accomplish this task. On most websites, you cannot see the table because the border lines are invisible. Check out the table tags written to form a table on a webpage.

Table HTML Tags

Creating Tables

Download the Table HTML Tags Infographic Script. Links to an external site.

How to Create a Table on a Webpage Video

Download the How to Create a Table on a Webpage Video Transcript. Links to an external site.

Web Forms

Web forms allow users to exchange information with a business from their website. Purchasing products, making payments, and contacting a business are some of the ways that web forms have been used. To create a form, you will be introduced to new HTML tags, form elements, and input types. The HTML form tags are:

  • <br> (line break)
  • <form>
  • <label>
  • <input>

  • <button>

How to Create a Web Form Video

Download the How to Create a Web Form Video Transcript Links to an external site..

 IMAGES CREATED BY GAVS