8/19/2019 HTML Chapter Roadmap and Full Source Code

1/21

 

8/19/2019 HTML Chapter Roadmap and Full Source Code

2/21

 

 

 

 

my first webpage 

 

 

Hello World!

 

 

 

8/19/2019 HTML Chapter Roadmap and Full Source Code

3/21

 

8/19/2019 HTML Chapter Roadmap and Full Source Code

4/21

 

 

 

 

headings 

 

 

Heading 1. 

Heading 2. 

Heading 3. 

Heading 4. 

Heading 5. 

Heading 6. 

 

 

8/19/2019 HTML Chapter Roadmap and Full Source Code

5/21

 

 

 

 

paragraphs 

 

 

Heading 1. 

This is my first paragraph.

 

This is my second paragraph.

 

some text some text some text some text

some text some text some text some text some text some text some text some text some text

 

 

 

8/19/2019 HTML Chapter Roadmap and Full Source Code

6/21

 

 

 

 

links 

  

Paragraph 1 

This link will take you to the wikipedia

home page.

 

Paragraph 2 

This link will take you to the paragraph

webpage of this course.

 Paragraph 3 

some text some text some text some text some

text some text some text some text some text some text

some text some text some text some text some text some

text some text some text some text some text some text

 

Paragraph 4 

some text some text some text some text some

text some text some text some text some text some textsome text some text some text some text some text some

8/19/2019 HTML Chapter Roadmap and Full Source Code

7/21

text some text some text some text some text some text

 

Paragraph 5 

some text some text some text some text some

text some text some text some text some text some textsome text some text some text some text some text some

text some text some text some text some text some text

 

Paragraph 6 

some text some text some text some text some

text some text some text some text some text some text

some text some text some text some text some text some

text some text some text some text some text some text

 Paragraph 7 

some text some text some text some text some

text some text some text some text some text some text

some text some text some text some text some text some

text some text some text some text some text some text

 

Take me to paragraph 1. 

 

 

8/19/2019 HTML Chapter Roadmap and Full Source Code

8/21

 

 

 

 

images 

 

 

 

Nice Picture!

 

8/19/2019 HTML Chapter Roadmap and Full Source Code

9/21

 

 

 

 

inline vs block 

 

 

Heading 

link 

paragraph

 

link 

 

 

 

8/19/2019 HTML Chapter Roadmap and Full Source Code

10/21

 

 

 

 

iframes 

 

 

 

 

 

link

 

 

 

 

8/19/2019 HTML Chapter Roadmap and Full Source Code

11/21

 

 

 

 

unordered lists 

 

 

 

Madrid 

Paris 

London

 

Cloudy 

Cosmopolitan  

 

 

 

 

8/19/2019 HTML Chapter Roadmap and Full Source Code

12/21

 

 

 

 

ordered lists 

 

 

 

Madrid 

Paris 

London 

 

 

Madrid Paris 

London 

 

 

Madrid 

Paris 

London 

 

 Madrid 

8/19/2019 HTML Chapter Roadmap and Full Source Code

13/21

  Paris 

London 

 

 

Madrid Paris 

London 

 

 

 

8/19/2019 HTML Chapter Roadmap and Full Source Code

14/21

 

 

 

 

description lists 

 

 

HTML-Stands for HyperText Markup

Language 

CSS-Stands for Cascading Style

Sheets 

 

 

8/19/2019 HTML Chapter Roadmap and Full Source Code

15/21

 

 

 

 

tables 

 

 

 

NameCompanyDate of

Birth 

Mark

ZuckerbergFacebook1984 

Bill

GatesMicrosoft1955 Steve

JobsApple1955 

 

 

 

8/19/2019 HTML Chapter Roadmap and Full Source Code

16/21

 

 

 

 

entities 

 

 

some

         &nbs

 p;         &n

bsp;   text

 

some

         

0;         text

 

4 < 5

 

Facebook ©

 

 

 

8/19/2019 HTML Chapter Roadmap and Full Source Code

17/21

 

 

 

 

forms 

 

 

 

Email: 

 

Password: 

 

 

 

 

 

8/19/2019 HTML Chapter Roadmap and Full Source Code

18/21

 

 

 

 

forms 2 

 

 

 

Address: 

 

 

Postcode: 

 

 

City: 

 

Choose your shipping method:

 

 

Free super saver shipping 

8/19/2019 HTML Chapter Roadmap and Full Source Code

19/21

  Two-Day

shipping 

One-Day

shipping 

 

Choose your payment method:

 

Paypal 

Debit Card 

Credit Card 

 

Comments:  

 

Sign me up for email updates 

 

Securely save my payment details 

 

 

 

 

 

8/19/2019 HTML Chapter Roadmap and Full Source Code

20/21

 

 

 

 

text formatting 

 

 

This word is emphasized.

 

This word is emphasized more,

it stands out against text surrounding it.

 

This word is italic.

 

This word is corossed out or

struck through.

 

CO2...X2

  

 

8/19/2019 HTML Chapter Roadmap and Full Source Code

21/21

 

 

 

 

Comments 

 

 

 

 

 

This word is italic.

 

This word is corossed out or

struck through.

 

CO2...X2