Basic Web Development

WEB DEVELOPEMENT SEMINAR

Speaker: Jason V. CastellanoBSIS IV-A

• BSIS IV – A Student

• Web-base Application Developer

• TESDA NC-II and NC-III Passer( PC Operation: National Certification Level II)

• Diploma Information Technology

What is HTML?

- HyperText Mark-up Language

- A language for formatting web pages* Interpreted by your browser.

- Based on “tags” - Lowercase text between angle brackets (<>)

The Anatomy of a “Tag”

• <ul > - unordered list

• <ol > - ordered list

• <li > - list Item

• <h1> - Heading 1

- <h1>Example Text </h1>

• <p>- Paragraph

-<p> Example Text </p>

Basic HTML Tags

• <b> - bold

- <b> Example Text </b>

• <h1> - Heading 1

- <h1>Example Text </h1>

• <p>- Paragraph

-<p> Example Text </p>

• <br />- break - First line <br> Second line

CSS BASICS

CSS BASICS

What is CSS? - Cascading Style Sheets.

- is a style language that defines layout of HTML documents

- covers fonts, colors, margins, lines, height, width, background images, advanced positions and many other things

CSS SYNTAX

h1{color: green;font-size: 12px;}

Selector

Declaration

Declaration

Value

How to insert a Style Sheet ?

<html><head>

</head>

<title> HTML Tutorial </title>

h1{color : green;font -s ize : 12px;}

<style type=”text/css”>

</style>

Learning Other Tags• Go to w3schools.com

Learning Other Tags

• Explore existing web pages

End of Presentation

THANK YOU FOR

LISTENING

Basic Web Development

Technology

Transcript of Basic Web Development