introducing to html

18
Introducing to html

Upload: ishaan-arora

Post on 12-Jul-2015

57 views

Category:

Technology


2 download

TRANSCRIPT

Page 1: Introducing to html

Introducing to html

Page 2: Introducing to html

What is HTML ?

Hypertext Markup

Language (HTML) is the

main markup language for

creating web pages and other

information that can be displayed in

a web browser.

With HTML you can create your

own Web site.

Text, Graphics & Pictures

Document type declaration

DOM Syntax

Layouts

Page 3: Introducing to html
Page 4: Introducing to html

DOCTYPE declaration defines

The <!DOCTYPE html>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"

"http://www.w3.org/TR/html4/strict.dtd">

Page 5: Introducing to html

DOM Introduction

The DOM is a W3C (World Wide Web Consortium) standard

<html><head><title>DOM Tutorial</title>

</head><body><h1>DOM Lesson one</h1><p>Hello world!</p>

</body></html>

HTML

CSS

Page 6: Introducing to html

HTML Elements…..

•<p>This is a paragraph</p>

•<a href="default.htm">This is a link</a>

•<br>

An HTML element starts with a start tag / opening tag

An HTML element ends with an end tag / closing tag

The element content is everything between the start and the end tag

Some HTML elements have empty content

Empty elements are closed in the start tag

Most HTML elements can have attributes

Page 7: Introducing to html
Page 8: Introducing to html

Visualize It!

HTML

CSS

JavaScript

Ajax

jQuery

Page 9: Introducing to html
Page 10: Introducing to html
Page 11: Introducing to html
Page 12: Introducing to html

Get Coordinated with Themes!

Office Themes give you effortless coordination of the colors, fonts and graphic effects applied to your presentation. Everything you insert into your presentation will be automatically styled to match.

Page 13: Introducing to html

Word and Excel, too!

PowerPoint now shares a common set of “Office Themes” with Word and Excel so you can create documents and spreadsheets that match your presentation for a “branded” look.

Page 14: Introducing to html

Mix It Up!

Office Themes are infinitely customizable. You can mix and match the colors, fonts and effects from different themes.

Page 15: Introducing to html

Quick Styles

There is a spectrum of designer styles for every chart, diagram, table or picture you add to your presentation. In a single click you can go from understated to wow or anywhere in between.

1

2

3

4

5

1

2

3

4

5

1

2

3

4

5

1 2 3

1 2 3

1 2 3

1 2 3

1 2 3

1 2 3

1 2 3

1 2 3

1 2 3

Page 16: Introducing to html
Page 17: Introducing to html

Slide Perfect!

PowerPoint has new layouts that give you more ways to present your words, images and media.

Everything you add into the layout placeholders is arranged perfectly for you.

Page 18: Introducing to html

Arrange it Your Way

With custom layouts you design your own slide arrangements. You can create new kinds of documents with PowerPoint. Easily create everything from business pitchbooksto family photo albums.