7/28/2019 HTML Programming

1/6

HTML Programming Introduction

HTML, which stands forHyperText Markup Language, is the predominant markup languagefor

web pages. HTML is the basic building-blocks of webpages.

HTML is written in the form ofHTML elements consisting oftags, enclosed in angle brackets(like

), within the web page content. HTML tags normally come in pairs like and . The first

tag in a pair is the start tag, the second tag is the end tag(they are also calledopening tags and closing

tags). In between these tags web designers can add text, tables, images, etc.

The purpose of a web browseris to read HTML documents and compose them into visual or audible web

pages. The browser does not display the HTML tags, but uses the tags to interpret the content of the

page.

HTML elements form the building blocks of all websites. HTML allows images and objects to be

embedded and can be used to create interactive forms. It provides a means to create structured

documents by denoting structural semantics for text such as headings, paragraphs, lists, links, quotes

and other items. It can embed scripts in languages such as JavaScript which affect the behavior of HTML

webpages.

Web browsers can also refer to Cascading Style Sheets (CSS) to define the appearance and layout of

text and other material. The W3C, maintainer of both the HTML and the CSS standards, encourages the

use of CSS over explicitly presentational HTML markup.[1]

What is HTML?

HTML is a language for describing web pages.

HTML stands for Hyper Text Markup Language HTML is not a programming language, it is a markup language A markup language is a set ofmarkup tags HTML uses markup tags to describe web pages

HTML Tags

HTML markup tags are usually called HTML tags

HTML tags are keywords surrounded by angle brackets like HTML tags normally come in pairs like and The first tag in a pair is the start tag, the second tag is the end tag

Start and end tags are also called opening tags and closing tags

7/28/2019 HTML Programming

2/6

HTML Documents = Web Pages

HTML documents describe web pages

HTML documents contain HTML tags and plain text HTML documents are also called web pages

The purpose of a web browser (like Internet Explorer or Firefox) is to read HTML documents and

display them as web pages. The browser does not display the HTML tags, but uses the tags to

interpret the content of the page:

7/28/2019 HTML Programming

3/6

Formatting Text-Forms & Formulating Elements

HTML uses tags like and for formatting output, like bold or italic text. These HTML tags

are called formatting tags Often renders as , and renders as . However,

there is a difference in the meaning of these tags:

or defines bold or italic text only.

or means that you want the text to be rendered in a way that the user

understands as "important". Today, all major browsers render strong as bold and em as italics.

However, if a browser one day wants to make a text highlighted with the strong feature, it might

be cursive for example and not bold!

HTML Text Formatting Tags

These are the tags for text formats:

7/28/2019 HTML Programming

4/6

HTML "Computer Output" Tags

HTML Citations, Quotations, and Definition Tags

7/28/2019 HTML Programming

5/6

Formatting Forms-

HTML forms are used to pass data to a server.

A form can contain input elements like text fields, checkboxes, radio-buttons, submit buttons

and more. A form can also contain select lists, textarea, fieldset, legend, and label elements.

The tag is used to create an HTML form:

.

input elements

.

HTML Forms - The Input Element

The most important form element is the input element. The input element is used to select user

information. An input element can vary in many ways, depending on the type attribute. An input

element can be of type text field, checkbox, password, radio button, submit button, and more.

The most used input types are described below.

Text Fields

defines a one-line input field that a user can enter text into:

First name:
Last name:

How the HTML code above looks in a browser

Note: The form itself is not visible. Also note that the default width of a text field is 20

characters.

Password Field

7/28/2019 HTML Programming

6/6

defines a password field:

Password:

How the HTML code above looks in a browser

Note: The characters in a password field are masked (shown as asterisks or circles).