html tags

18
www.lucideus.com TAGS IN HTML June 28 By Kunal Gupta

Upload: kunal-gupta

Post on 16-Apr-2017

126 views

Category:

Documents


1 download

TRANSCRIPT

Page 1: html tags

www.lucideus.com

TAGS IN HTML

June 28

By Kunal Gupta

Page 2: html tags

Html (Hypertext markup language)

Hypertext markup language is the set of markup symbols or codes inserted in a file intended for a display on a word wide web browser page. The markup tells the web browser how to display a web pages’s words and images for the user. Each individual markup code is referred to as an element. Some elements come in pairs that indicate when some display effect is to begin when it is to end.

Html elements form the building blocks of html pages. Html allows images and other objects to be embedded nd it can be used to create interactive forms. It provides a means to create structured documents by denoting structural semantics for txt such as headings, paragraphs, lists, links quotes and other items. Html elements are delineated by tags, writeen using angle brackets,tags such as <img />and <input /> introduce content into pages indirectly. Others such as <p>…..</p> surround and provide information about document text and may include other tag as sub-elements. Browser do not display the html tags, but use them to interpret the content of the page.

Markup

Html markup consists of several key components, including those called tags (and their attributes), character-based data types, character references and entity references. Html tags most commonly come in pairs like <h1>and</h1>, although some represent empty elements and so are unpaired, for example <img>. The first tag in such a pair is the start tag, and the second is the end tag (they are also called opening tags and closing tags)

www.lucideus.com

Page 3: html tags

TAGS USED IN HTML

There are various tags used in HTML such as:

DOCTYPE

It is represented as “<! DOCTYPE> which defines the document type. The <! DOCTYPE> declaration must be the very first thing in your HTML document, before the <html> tag.

The <! DOCTYPE> declaration is not an HTML tag; it is an instruction to the web browser about what version of HTML the page is written in.

In HTML 4.01, the <! DOCTYPE> declaration refers to a DTD, because HTML 4.01 was based on SGML. The DTD specifies the rules for the markup language, so that the browsers render the content correctly.

For example:

www.lucideus.com

Page 4: html tags

HTML TAG

It is represented as <html > and </html>.The <html> tag tells the browser that this is an HTML document .The <html> tag represents the root of an HTML document .The <html> tag is the container for all other HTML elements.

For example:-

www.lucideus.com

Page 5: html tags

TITLE TAG

The <title> tag is required in all HTML documents and it defines the title of the document.

The <title> element:

Defines a title in the browser toolbar Provides a title for the page when it is added to favorites Displays a title for the page in search-engine results

For example:-

www.lucideus.com

Page 6: html tags

FORM TAG

The <form> tag is used to create an HTML form for user input.

The <form> element can contain one or more of the following form elements:

www.lucideus.com

Page 7: html tags

<Input>Tag

The <input> tag specifies an input field where the user can enter data. <input> elements are used within a <form> element to declare input controls that allow users to input data .An input field can vary in many ways, depending on the type attribute.

www.lucideus.com

Page 8: html tags

<Text area>TAG

The <Text area> tag defines a multi-line text input control. A text area can hold an unlimited number of characters, and the text renders in a fixed-width font (usually Courier).The size of a text area can be specified by the column and rows attributes, or even better; through CSS' height and width properties.

www.lucideus.com

Page 9: html tags

<Button>TAG

The <button> tag defines a clickable button. Inside a <button> element you can put content, like text or images. This is the difference between this element and buttons created with the <input> element.

www.lucideus.com

Page 10: html tags

<Select>TAG

The <select> element is used to create a drop-down list. The <option> tags inside the <select> element define the available options in the list.

www.lucideus.com

Page 11: html tags

<Option>TAG

The <option> tag defines an option in a select list. <option> elements go inside a <select> or <data list> element.

www.lucideus.com

Page 12: html tags

<Field set>TAG

The <field set> tag is used to group related elements in a form. The <field set> tag draws a box around the related elements.

www.lucideus.com

Page 13: html tags

<label>TAG

The <label> tag defines a label for an <input> element. The <label> element does not render as anything special for the user. However, it provides a usability improvement for mouse users, because if the user clicks on the text within the <label> element, it toggles the control. The for attribute of the <label> tag should be equal to the id attribute of the related element to bind them together.

www.lucideus.com

Page 14: html tags

CODING OF CALCULATOR IN HTML:-

www.lucideus.com