1 / 11

Learn Advanced and Basic HTML - Lesson 1

With HTML you can create your own Website. This tutorial teaches you everything about HTML. For full HTML course visit our website www.training-n-development.com

trainingdevelopment
Download Presentation

Learn Advanced and Basic HTML - Lesson 1

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Learn HTML Basics Lesson No : 01 Publisher : Attitude Academy

  2. HTML INTRODUCTION 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. HTML Versions: YEAR VERSION 1991 HTML 1993 HTML+ 1995 HTML 2.0 1997 HTML 3.2 1999 HTML 4.01 2000 XHTML 2012 HTML 5

  3. HTML Example <!DOCTYPE html> <html> <head> <title>Page Title</title> </head> <body> <h1>My First Heading</h1> <p>My first paragraph.</p> </body> </html>

  4. Example Explained The DOCTYPE declaration defines the document type to be HTML. The text between <html> and </html> describes an HTML document. The text between <head> and </head> provides information about the document. The text between <title> and </title> provides a title for the document. The text between <body> and </body> describes the visible page content. The text between <h1> and </h1> describes a heading. The text between <p> and </p> describes a paragraph. HTML TAG HTML tags are keywords (tag names) surrounded by angle brackets: <tagname>content</tagname> HTML tags normally come in pairs like <p> and </p> 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, but with a slash before the tag name

  5. HTML Editors: Write HTML Using Notepad or TextEdit HTML can be edited by using professional HTML editors like: • Microsoft Web Matrix • Sublime Text • Adobe Dreamweaver Editor However, for learning HTML we recommend a text editor like Notepad (PC) or Text Edit (Mac). We believe using a simple text editor is a good way to learn HTML. <!DOCTYPE html> <html> <head> <title>Title name</title> </head> <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>

  6. Save The HTML Page Save the file on your computer. Select File > Save in the Notepad menu. Name the file "index.html" or any other name ending with html or htm. UTF-8 is the preferred encoding for HTML files. ANSI encoding covers US and Western European characters only.

  7. View HTML Page in Your Browser Open the saved HTML file in your favorite browser. The result will look much like this: 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:

  8. HTML Attributes 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” Example Tag Name Attributes Example a href <a href=“link-path">This is a link</a> Img src <img src=“img-path“> table cellpadding <table cellpadding=“5”>

  9. PRACTICAL IMPLEMENTATION

  10. Visit Us : Attitude Academy

More Related