10
HTML 5 TUTORIALS – PART 1 By Pr Multimedia

Introduction to HTML5, HTML5 Basics, HTML5 Introduction, HTML5 Tutorials - Prism Multimedia

Embed Size (px)

Citation preview

Page 1: Introduction to HTML5, HTML5 Basics, HTML5 Introduction, HTML5 Tutorials - Prism Multimedia

HTML 5 TUTORIALS – PART 1

By Prism Multimedia

Page 2: Introduction to HTML5, HTML5 Basics, HTML5 Introduction, HTML5 Tutorials - Prism Multimedia

The major thing to keep in mind, that HTML is used for meaning and CSS is used for presentation. HTML is nothing more than fancy structured content and the visual formatting of that content will come later when we tackle CSS.

Page 3: Introduction to HTML5, HTML5 Basics, HTML5 Introduction, HTML5 Tutorials - Prism Multimedia

HTML files are nothing more than simple text files, so to start writing in HTML, you need nothing more than a simple text editor.

Page 4: Introduction to HTML5, HTML5 Basics, HTML5 Introduction, HTML5 Tutorials - Prism Multimedia

Notepad is a common text editor on Windows-based computers (usually found under the Programs > Accessories menu)

Type this in to your text editor: This is my first heading Now create a folder called “html”

wherever you like to save files on your computer and save the file as “abc.html”.

Page 5: Introduction to HTML5, HTML5 Basics, HTML5 Introduction, HTML5 Tutorials - Prism Multimedia
Page 6: Introduction to HTML5, HTML5 Basics, HTML5 Introduction, HTML5 Tutorials - Prism Multimedia

It is important that the extension “.html” is specified - some text editors, such as Notepad, will automatically save it as “.txt” otherwise.

Page 7: Introduction to HTML5, HTML5 Basics, HTML5 Introduction, HTML5 Tutorials - Prism Multimedia

To look at HTML files, they don’t even need to be on the web.

Open a web browser such as Chrome, Firefox, Safari or Internet Explorer and in the address bar, where you usually type web addresses, type in the location of the file you just saved (for example, “c:\html\abc.html”) and hit return.

Page 8: Introduction to HTML5, HTML5 Basics, HTML5 Introduction, HTML5 Tutorials - Prism Multimedia

Alternatively, go to the File menu of the browser, select Open, and browse for the file.

You can get like My first Heading

Page 9: Introduction to HTML5, HTML5 Basics, HTML5 Introduction, HTML5 Tutorials - Prism Multimedia

Even you can make use of Adobe Dreamweaver instead of Notepad by downloading that software.

Page 10: Introduction to HTML5, HTML5 Basics, HTML5 Introduction, HTML5 Tutorials - Prism Multimedia

Thank You