16
HTML Basic Tags Prepared By: Aditya Roy Anil Bhatt Rajkiya Pratibha Vikas Vidyalaya Tyagraj Nagar Lodi road New Delhi:110003 Rajkiya Pratibha Vikas Vidyalaya Tyagraj Nagar Lodi road New Delhi:110003

Html presantation

Embed Size (px)

DESCRIPTION

http://www.makeshiften.blogspot.in

Citation preview

Page 1: Html presantation

HTML Basic TagsPrepared By: Aditya Roy

Anil Bhatt

Rajkiya Pratibha Vikas Vidyalaya Tyagraj Nagar Lodi road New Delhi:110003Rajkiya Pratibha Vikas Vidyalaya Tyagraj Nagar Lodi road New Delhi:110003

Page 2: Html presantation

What you need for website

What the following term mean: Web server: a system on the internet containg one or more web

site Web site: a collection of one or more web pages Web pages: single disk file with a single file name Home pages: first page in website

Think about the followings before working your Web pages. Think about the sort of information(content) you want to put on

the Web. Set the goals for the Web site. Organize your content into main topics. Come up with a general structure for pages and topics.

Page 3: Html presantation

What is HTML?

HTML is a markup language for describing web documents (web pages).

HTML stands for Hyper Text Markup Language A markup language is a set of markup tags HTML documents are described by HTML tags Each HTML tag describes different document content

Page 4: Html presantation

HTML Documents

All HTML documents must start with a type declaration: <!DOCTYPE html>.

The HTML document itself begins with <html> and ends with </html>.

The visible part of the HTML document is between <body> and </body>

Page 5: Html presantation

HTML Editors

Write HTML Using Notepad or TextEditHTML can be edited by using professional HTML editors like:Microsoft WebMatrixSublime TextHowever, for learning HTML we recommend a text editor like Notepad (PC) or TextEdit (Mac).We believe using a simple text editor is a good way to learn HTML.

Page 6: Html presantation

HTML DOCUMENT FORMAT

Page 7: Html presantation

HTML Tags

HTML markup tags are usually called HTML tagsTags are ; surrounded with angle brackets like this

<B> or <I>. Most tags come in pairs

exceptions: <P>, <br>, <li> tags … The first tag turns the action on, and the second turns it off.

NOTE:NOTE:Some browsers don't support the some tags and some attributes. Some browsers don't support the some tags and some attributes.

Page 8: Html presantation

HTML Elements HTML Elements HTML elements are written with a start tag, with an end tag, with

the content in between: <tagname>content</tagname> The HTML element is everything from the start tag to the end tag: <p>My first HTML paragraph.</p>

Page 9: Html presantation

Basic About HTML Tags

We will study all the header and body tags In other Slide, but for now let's see what is <!doctype…> tag.

Page 10: Html presantation

The <!DOCTYPE> Declaration

The <!DOCTYPE> declaration helps the browser to display a web page correctly.

Page 11: Html presantation

Heading Tags

You can use different sizes for your headings. HTML also has six levels of headings, which use the elements <h1>, <h2>, <h3>, <h4>, <h5>, and <h6>

Page 12: Html presantation

Paragraph Tag The HTML <p> element defines a paragraph. Example<p>This is a paragraph</p>

<p>This is another paragraph</p> Don't Forget the End Tag Most browsers will display HTML correctly even if you forget the end

tag

Page 13: Html presantation

HTML Line Breaks

The HTML <br> element defines a line break. Use <br> if you want a line break (a new line) without starting a new

paragraph Example<p>This is<br>a para<br>graph with line breaks</p> The <br> element is an empty HTML element.

Empty HTML Elements:HTML elements with no content are called empty elements.<br> is an empty element without a closing tag (the <br> tag defines a line break).

Page 14: Html presantation

HTML Attributes Attributes provide additional information about HTML elements. HTML elements can have attributes Attributes are always specified in the start tagFOR EXAMPLE:The lang Attribute The document language can be declared in the <html> tag. The language is declared in the lang attribute.

<html lang="en-US">

Page 15: Html presantation

Web Browsers

The purpose of a web browser (Chrome, IE, Firefox, Safari) is to read HTML documents and display them.The browser does not display the HTML tags, but uses them to determine how to display the document:

Page 16: Html presantation

End Of HTML Tour