what is html- d3brand.com
DESCRIPTION
What is HTML presentation.TRANSCRIPT
![Page 1: What is HTML- d3brand.com](https://reader035.vdocument.in/reader035/viewer/2022062617/54bb62554a795985098b45bd/html5/thumbnails/1.jpg)
1
<h1> What is html </h1>
MD. SHAHADAT HOSSAIN RIYAD
![Page 2: What is HTML- d3brand.com](https://reader035.vdocument.in/reader035/viewer/2022062617/54bb62554a795985098b45bd/html5/thumbnails/2.jpg)
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](https://reader035.vdocument.in/reader035/viewer/2022062617/54bb62554a795985098b45bd/html5/thumbnails/3.jpg)
3
<h1> html example </h1>
MD. SHAHADAT HOSSAIN RIYAD
![Page 4: What is HTML- d3brand.com](https://reader035.vdocument.in/reader035/viewer/2022062617/54bb62554a795985098b45bd/html5/thumbnails/4.jpg)
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](https://reader035.vdocument.in/reader035/viewer/2022062617/54bb62554a795985098b45bd/html5/thumbnails/5.jpg)
5
<h1> example explained </h1>
MD. SHAHADAT HOSSAIN RIYAD
![Page 6: What is HTML- d3brand.com](https://reader035.vdocument.in/reader035/viewer/2022062617/54bb62554a795985098b45bd/html5/thumbnails/6.jpg)
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](https://reader035.vdocument.in/reader035/viewer/2022062617/54bb62554a795985098b45bd/html5/thumbnails/7.jpg)
7
<h1> html tags </h1>
MD. SHAHADAT HOSSAIN RIYAD
![Page 8: What is HTML- d3brand.com](https://reader035.vdocument.in/reader035/viewer/2022062617/54bb62554a795985098b45bd/html5/thumbnails/8.jpg)
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](https://reader035.vdocument.in/reader035/viewer/2022062617/54bb62554a795985098b45bd/html5/thumbnails/9.jpg)
9
<h1> html elements </h1>
MD. SHAHADAT HOSSAIN RIYAD
![Page 10: What is HTML- d3brand.com](https://reader035.vdocument.in/reader035/viewer/2022062617/54bb62554a795985098b45bd/html5/thumbnails/10.jpg)
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](https://reader035.vdocument.in/reader035/viewer/2022062617/54bb62554a795985098b45bd/html5/thumbnails/11.jpg)
11
<h1> html structure </h1>
MD. SHAHADAT HOSSAIN RIYAD
![Page 12: What is HTML- d3brand.com](https://reader035.vdocument.in/reader035/viewer/2022062617/54bb62554a795985098b45bd/html5/thumbnails/12.jpg)
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](https://reader035.vdocument.in/reader035/viewer/2022062617/54bb62554a795985098b45bd/html5/thumbnails/13.jpg)
13
<h1> html version </h1>
MD. SHAHADAT HOSSAIN RIYAD
![Page 14: What is HTML- d3brand.com](https://reader035.vdocument.in/reader035/viewer/2022062617/54bb62554a795985098b45bd/html5/thumbnails/14.jpg)
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](https://reader035.vdocument.in/reader035/viewer/2022062617/54bb62554a795985098b45bd/html5/thumbnails/15.jpg)
15
<h1> HTML editors </h1>
MD. SHAHADAT HOSSAIN RIYAD
![Page 16: What is HTML- d3brand.com](https://reader035.vdocument.in/reader035/viewer/2022062617/54bb62554a795985098b45bd/html5/thumbnails/16.jpg)
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](https://reader035.vdocument.in/reader035/viewer/2022062617/54bb62554a795985098b45bd/html5/thumbnails/17.jpg)
17
Step 1: Start NotepadTo start Notepad go to:Start All Programs Accessories Notepad
![Page 18: What is HTML- d3brand.com](https://reader035.vdocument.in/reader035/viewer/2022062617/54bb62554a795985098b45bd/html5/thumbnails/18.jpg)
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](https://reader035.vdocument.in/reader035/viewer/2022062617/54bb62554a795985098b45bd/html5/thumbnails/19.jpg)
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](https://reader035.vdocument.in/reader035/viewer/2022062617/54bb62554a795985098b45bd/html5/thumbnails/20.jpg)
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](https://reader035.vdocument.in/reader035/viewer/2022062617/54bb62554a795985098b45bd/html5/thumbnails/21.jpg)
21
<h1> HTML Basic </h1>MD. SHAHADAT HOSSAIN RIYAD
![Page 22: What is HTML- d3brand.com](https://reader035.vdocument.in/reader035/viewer/2022062617/54bb62554a795985098b45bd/html5/thumbnails/22.jpg)
22
<h1> HTML Headings </h1>MD. SHAHADAT HOSSAIN RIYAD
![Page 23: What is HTML- d3brand.com](https://reader035.vdocument.in/reader035/viewer/2022062617/54bb62554a795985098b45bd/html5/thumbnails/23.jpg)
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](https://reader035.vdocument.in/reader035/viewer/2022062617/54bb62554a795985098b45bd/html5/thumbnails/24.jpg)
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](https://reader035.vdocument.in/reader035/viewer/2022062617/54bb62554a795985098b45bd/html5/thumbnails/25.jpg)
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](https://reader035.vdocument.in/reader035/viewer/2022062617/54bb62554a795985098b45bd/html5/thumbnails/26.jpg)
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](https://reader035.vdocument.in/reader035/viewer/2022062617/54bb62554a795985098b45bd/html5/thumbnails/27.jpg)
27
Question and Answer???
![Page 28: What is HTML- d3brand.com](https://reader035.vdocument.in/reader035/viewer/2022062617/54bb62554a795985098b45bd/html5/thumbnails/28.jpg)
28
The End!