21
Presented By:- Rahul JAIN 1 rahuljaincse.blogspot.com

HTML, HTML5,HTML,CSS How To Make Your Own Website

Embed Size (px)

Citation preview

Page 1: HTML, HTML5,HTML,CSS How To Make Your Own Website

Presented By:-

Rahul JAIN

1rahuljaincse.blogspot.com

Page 2: HTML, HTML5,HTML,CSS How To Make Your Own Website

2rahuljaincse.blogspot.com

Page 3: HTML, HTML5,HTML,CSS How To Make Your Own Website

3rahuljaincse.blogspot.com

Page 4: HTML, HTML5,HTML,CSS How To Make Your Own Website

HTML is a language for describing web pages. HTML stands

for Hyper Text Markup Language HTML is a markup language A markup language is a set of markup tags The tags describe document content HTML documents contain HTML tags and

plain text HTML documents are also called web pages

4rahuljaincse.blogspot.com

Page 5: HTML, HTML5,HTML,CSS How To Make Your Own Website

Web Browser is used to read HTML documents and composed them into visible or audible web page.

HTML is platform independence means we can see web page on any OS including Windows, Linux and Mac

HTML Created by WORLD WIDE WEB CONSORTIUM.

5rahuljaincse.blogspot.com

Page 6: HTML, HTML5,HTML,CSS How To Make Your Own Website

6rahuljaincse.blogspot.com

Page 7: HTML, HTML5,HTML,CSS How To Make Your Own Website

HTML markup tags are usually called HTML tags

HTML tags are keywords (tag names) surrounded by angle brackets like <html>

HTML tags normally come in pairs like <b> and </b>

The first tag in a pair is the start tag, the second tag is the end tag

The end tag is written like the start tag, with a forward slash before the tag name

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

7rahuljaincse.blogspot.com

Page 8: HTML, HTML5,HTML,CSS How To Make Your Own Website

Tags can be written using upper or lowercase letters.

We can assign specific attributes to each HTML tag to customize its behavior, like <P align=‘left’>.

HTML document are plain-text documents, so it can use any text- editor to write HTML code.

<tagname>content</tagname>

8rahuljaincse.blogspot.com

Page 9: HTML, HTML5,HTML,CSS How To Make Your Own Website

<html><body>

<h1>My First Heading</h1>

<p>My first paragraph.</p>

</body></html>

9rahuljaincse.blogspot.com

Page 10: HTML, HTML5,HTML,CSS How To Make Your Own Website

HTML can be edited by using a professional HTML editor like:

Adobe Dreamweaver Microsoft Expression Web CoffeeCuP HTML Editor However, 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.

10rahuljaincse.blogspot.com

Page 11: HTML, HTML5,HTML,CSS How To Make Your Own Website

To start Notepad go to: Start

    All Programs        Accessories            Notepad

11rahuljaincse.blogspot.com

Page 12: HTML, HTML5,HTML,CSS How To Make Your Own Website

12rahuljaincse.blogspot.com

Page 13: HTML, HTML5,HTML,CSS How To Make Your Own Website

13rahuljaincse.blogspot.com

Page 14: HTML, HTML5,HTML,CSS How To Make Your Own Website

HTML headings are defined with the <h1> to <h6> tags.

<html><body>

<h1>This is heading 1</h1><h2>This is heading 2</h2><h3>This is heading 3</h3><h4>This is heading 4</h4><h5>This is heading 5</h5><h6>This is heading 6</h6>

</body></html>

14rahuljaincse.blogspot.com

Page 15: HTML, HTML5,HTML,CSS How To Make Your Own Website

This is heading 1This is heading 2This is heading 3This is heading 4This is heading 5This is heading 6

15rahuljaincse.blogspot.com

Page 16: HTML, HTML5,HTML,CSS How To Make Your Own Website

HTML elements can have attributes Attributes provide additional

information about an element Attributes are always specified in the start

tag Attributes come in name/value pairs

like: name="value"

16rahuljaincse.blogspot.com

Page 17: HTML, HTML5,HTML,CSS How To Make Your Own Website

HTML paragraph are defined with the <P> tag. The align attribute is used to align the paragraph.

<P align=“left”

17rahuljaincse.blogspot.com

Page 18: HTML, HTML5,HTML,CSS How To Make Your Own Website

18rahuljaincse.blogspot.com

Page 19: HTML, HTML5,HTML,CSS How To Make Your Own Website

19rahuljaincse.blogspot.com

Page 20: HTML, HTML5,HTML,CSS How To Make Your Own Website

To find out,right-click in the page and select"View Source" (IE) or "View Page Source" (Firefox), or similar for other browsers. This will open a window containing the HTML code of the page.

20rahuljaincse.blogspot.com

Page 21: HTML, HTML5,HTML,CSS How To Make Your Own Website

21rahuljaincse.blogspot.com