what is html- d3brand.com

28
1 <h1> What is html </h1> MD. SHAHADAT HOSSAIN RIYAD

Upload: dremy-riyad

Post on 18-Jan-2015

2.714 views

Category:

Education


4 download

DESCRIPTION

What is HTML presentation.

TRANSCRIPT

Page 1: What is HTML- d3brand.com

1

<h1> What is html </h1>

MD. SHAHADAT HOSSAIN RIYAD

Page 2: What is HTML- d3brand.com

2

What is HTML?HTML is a language for describing web pages.HTML stands for Hyper Text Markup LanguageHTML is a markup languageA markup language is a set of markup tagsThe tags describe document content HTML documents contain HTML tags and plain textHTML documents are also called web pages

Page 3: What is HTML- d3brand.com

3

<h1> html example </h1>

MD. SHAHADAT HOSSAIN RIYAD

Page 4: What is HTML- d3brand.com

4HTML Example<!DOCTYPE html><html><body><head><title> This is title</title></head><h1>My First Heading</h1><p>My first paragraph.</p><img src="w3schools.jpg" width="104" height="142"></body></html>

Page 5: What is HTML- d3brand.com

5

<h1> example explained </h1>

MD. SHAHADAT HOSSAIN RIYAD

Page 6: What is HTML- d3brand.com

6

The <!DOCTYPE html> declaration is the doctype for HTML5.

Example Explained•The DOCTYPE declaration defines the document type •The text between <html> and </html> describes the web page •The text between <body> and </body> is the visible page content •The text between <h1> and </h1> is displayed as a heading •The text between <p> and </p> is displayed as a paragraph

Page 7: What is HTML- d3brand.com

7

<h1> html tags </h1>

MD. SHAHADAT HOSSAIN RIYAD

Page 8: What is HTML- d3brand.com

8HTML TagsHTML 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<tagname>content</tagname>

Page 9: What is HTML- d3brand.com

9

<h1> html elements </h1>

MD. SHAHADAT HOSSAIN RIYAD

Page 10: What is HTML- d3brand.com

10

HTML Elements"HTML tags" and "HTML elements" are often used to describe the same thing.But strictly speaking, an HTML element is everything between the start tag and the end tag, including the tags: HTML Element:<p>This is a paragraph.</p>

Page 11: What is HTML- d3brand.com

11

<h1> html structure </h1>

MD. SHAHADAT HOSSAIN RIYAD

Page 12: What is HTML- d3brand.com

12

HTML Page StructureBelow is a visualization of an HTML page structure:<html> <body> <h1>This a Heading</h1> <p>This is a paragraph.</p> <p>This is another paragraph.</p> </body> </html>

Page 13: What is HTML- d3brand.com

13

<h1> html version </h1>

MD. SHAHADAT HOSSAIN RIYAD

Page 14: What is HTML- d3brand.com

14

Version Year

HTML 1991

HTML+ 1993

HTML 2.0 1995

HTML 3.2 1997

HTML 4.01 1999

XHTML 1.0 2000

HTML5 2012

XHTML5 2013

Since the early days of the web, there have been many versions of HTML:

Page 15: What is HTML- d3brand.com

15

<h1> HTML editors </h1>

MD. SHAHADAT HOSSAIN RIYAD

Page 16: What is HTML- d3brand.com

16Writing HTML Using Notepad or TextEditHTML can be edited by using a professional HTML :Adobe DreamweaverNotepad ++CoffeeCup HTML EditorHowever, 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.Follow the 4 steps below to create your first web page with Notepad.

Page 17: What is HTML- d3brand.com

17

Step 1: Start NotepadTo start Notepad go to:Start    All Programs        Accessories            Notepad

Page 18: What is HTML- d3brand.com

18Step 2: Edit Your HTML with NotepadType your HTML code into your Notepad:HTML Example<!DOCTYPE html><html><body><h1>My First Heading</h1><p>My first paragraph.</p></body></html>

Page 19: What is HTML- d3brand.com

19

Step 3: Save Your HTMLSelect Save as.. in Notepad's file menu.When you save an HTML file, you can use either the .htm or the .html file extension. There is no difference, it is entirely up to you.Save the file in a folder that is easy to remember, like w3schools.

Page 20: What is HTML- d3brand.com

20

Step 4: Run the HTML in Your BrowserStart your web browser and open your html file from the File, Open menu, or just browse the folder and double-click your HTML file.The result should look much like this:

Page 21: What is HTML- d3brand.com

21

<h1> HTML Basic </h1>MD. SHAHADAT HOSSAIN RIYAD

Page 22: What is HTML- d3brand.com

22

<h1> HTML Headings </h1>MD. SHAHADAT HOSSAIN RIYAD

Page 23: What is HTML- d3brand.com

23

HTML headings are defined with the <h1> to <h6> tags.Example<h1>This is a heading</h1><h2>This is a heading</h2><h3>This is a heading</h3>

Page 24: What is HTML- d3brand.com

24

HTML ParagraphsHTML paragraphs are defined with the <p> tag.Example<p>This is a paragraph.</p><p>This is another paragraph.</p>

Page 25: What is HTML- d3brand.com

25

HTML LinksHTML links are defined with the <a> tag.Example<a href="http://www.w3schools.com">This is a link</a>

Page 26: What is HTML- d3brand.com

26

HTML ImagesHTML images are defined with the <img> tag.Example<img src="w3schools.jpg" width="104" height="142">

Page 27: What is HTML- d3brand.com

27

Question and Answer???

Page 28: What is HTML- d3brand.com

28

The End!