html2

10
ADVANCED HTML

Upload: michelle-belmont

Post on 18-Jul-2015

1.045 views

Category:

Education


2 download

TRANSCRIPT

Page 1: Html2

ADVANCED

HTML

Page 2: Html2

Agenda

Basic ReviewTour of FrontPageCreating a WebsiteDesign & FormatExercise

Page 3: Html2

HTML 101

Open Tag Close tag Special Tags

<a> </a> <br>

<img src=“”>

Basic tags

<p> Paragraph

<h1> <h2> <h3> Header tags

<table> <tr> <td> Table tags

<a> Hyperlink tag

<img> Image tag

<br> Line Break

Advanced tags

<div> “div” tag (divides a section of code off from the rest)

<-- Text --> Special: Notes or Insert code.

Page 4: Html2
Page 5: Html2

Adding Images

Starting Screen:

Page 6: Html2

Types of Links

1. Image as a hyperlinked object

2. Navigation Bookmarks

3. Text as a hyperlink

4. Email link

Page 7: Html2

CSS

Cascading Style Sheet: a style sheet language used to describe the look and formatting of a document written in a markup language, i.e. HTML.

Two ways to use CSS:

1. Embedded

2.External

Page 8: Html2

Table Layout

Page 9: Html2

Layer Layout

Page 10: Html2

Layer Layout