html essentials

Image

It is a way to embed an image or an animated image, such as GIF, on an HTML webpage. The <img> tag has no closing tag and is used with the following syntax:

List

It is a way to group a set of related items in HTML. It has two

specifications for ordered and unordered list, but both uses the <li>

tag

Span

used to color or mark up a part of a text or document.

Navigation

tag to define a set of navigation links. The tag is only

used for major blocks of navigation links and not all links in an HTML

document. It represents a page section with links to other web pages

or parts within the same webpage.

Input and Control Functions

These are used to gather text information from users and are defined

by the <input> tag, which displays a type attribute such as the text,

radio, checkbox, and button. Note that the default width of any input

field is up to 20 characters.

The <label> tag is used to label any form elements while the <for>

attribute of the <label> tag must be equal to the ID attribute of the

<input> element to attach them

Text Field

It displays a single-line text input field for text input and uses the

<input type="text "> tag. Text fields have different inputs that web

programmers can apply, including a line of text, password, email,

contact number, and URL.

Radio Button

It allows users to select one of the available options and uses the

<input type="radio"> to display a radio button.

Checkbox

It allows users to select as many options as possible out of the available options.

Button

It is used to create a button with different functions.

Submit Buttom

It allows users to submit any data entered in the input field.

Audio

uses the <source> element

for the audio source file. The control attribute is used to add audio

controls such as play, pause, and volume.

Video

tag and uses the <source> element for the video source file. The poster attribute is used to display a thumbnail before playing the video.

Canvas

tag to draw graphics such as paths, boxes, circles, text, and adding images. This tag is only a container for graphics, and it requires JavaScript to draw the graphics.