basic web development
TRANSCRIPT
![Page 1: Basic Web Development](https://reader036.vdocuments.mx/reader036/viewer/2022070520/58f0acb11a28abb6338b460f/html5/thumbnails/1.jpg)
WEB DEVELOPEMENT SEMINAR
Speaker: Jason V. CastellanoBSIS IV-A
![Page 2: Basic Web Development](https://reader036.vdocuments.mx/reader036/viewer/2022070520/58f0acb11a28abb6338b460f/html5/thumbnails/2.jpg)
• BSIS IV – A Student
• Web-base Application Developer
• TESDA NC-II and NC-III Passer( PC Operation: National Certification Level II)
• Diploma Information Technology
![Page 3: Basic Web Development](https://reader036.vdocuments.mx/reader036/viewer/2022070520/58f0acb11a28abb6338b460f/html5/thumbnails/3.jpg)
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 (<>)
![Page 4: Basic Web Development](https://reader036.vdocuments.mx/reader036/viewer/2022070520/58f0acb11a28abb6338b460f/html5/thumbnails/4.jpg)
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>
![Page 5: Basic Web Development](https://reader036.vdocuments.mx/reader036/viewer/2022070520/58f0acb11a28abb6338b460f/html5/thumbnails/5.jpg)
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
![Page 6: Basic Web Development](https://reader036.vdocuments.mx/reader036/viewer/2022070520/58f0acb11a28abb6338b460f/html5/thumbnails/6.jpg)
CSS BASICS
![Page 7: Basic Web Development](https://reader036.vdocuments.mx/reader036/viewer/2022070520/58f0acb11a28abb6338b460f/html5/thumbnails/7.jpg)
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
![Page 8: Basic Web Development](https://reader036.vdocuments.mx/reader036/viewer/2022070520/58f0acb11a28abb6338b460f/html5/thumbnails/8.jpg)
CSS SYNTAX
h1{color: green;font-size: 12px;}
Selector
Declaration
Declaration
Value
![Page 9: Basic Web Development](https://reader036.vdocuments.mx/reader036/viewer/2022070520/58f0acb11a28abb6338b460f/html5/thumbnails/9.jpg)
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>
![Page 10: Basic Web Development](https://reader036.vdocuments.mx/reader036/viewer/2022070520/58f0acb11a28abb6338b460f/html5/thumbnails/10.jpg)
Learning Other Tags• Go to w3schools.com
![Page 11: Basic Web Development](https://reader036.vdocuments.mx/reader036/viewer/2022070520/58f0acb11a28abb6338b460f/html5/thumbnails/11.jpg)
Learning Other Tags
• Explore existing web pages
![Page 12: Basic Web Development](https://reader036.vdocuments.mx/reader036/viewer/2022070520/58f0acb11a28abb6338b460f/html5/thumbnails/12.jpg)
Learning Other Tags
• Explore existing web pages
![Page 13: Basic Web Development](https://reader036.vdocuments.mx/reader036/viewer/2022070520/58f0acb11a28abb6338b460f/html5/thumbnails/13.jpg)
End of Presentation
THANK YOU FOR
LISTENING