You are on page 1of 10

Web Development

Web1-M1 (10:30-1:30pm)
About The Instructor

Arnaldo Chua
• BS Computer Science Graduate @ University Of Baguio
• 6 Years Freelancer as Web Developer Using Drupal CMS & WordPress CMS.
• 5 years working here in K.S.A @ Seder Group as I.T Techsupport
Sample works
www.citiesflags.com
www.technicalfaces.com
www.sedervillage.com/drupal2/
www.n2ntechnicalsupport.com/drupal
www.n2ntechnicalsupport.com/wp
What You Will Learn From Web Dev

• OVERVIEW OF WEB DEVELOPMENT


• HTML
• CSS
• RESPONSIVE WEBSITE USING CSS FRAMEWORKS
• MASTERING YOUR BROWSER.
OverView Of Website Development
• Sitemap
• Wireframe
• Mockup Design
• Coding
• Testing
• Uploading the Website to the Web Hosting
Html Editor

• Sublime Text
• Adobe Dreamweaver
• Visual Studio Code
• Atom By Github
• Bracket
• Notepad ++
What is HTML
• HTML stands for Hyper Text Markup Language.
• HTML5 is the latest standard for HTML.
• HTML5 is a cooperation between the World
Wide Web Consortium (W3C) and the Web
Hypertext Application Technology Working
Group (WHATWG).
History Of HTML
HTML Tags
HTML markup tags are usually called HTML tags
• HTML tags are keywords (tag names) surrounded by angle
brackets like <html>
• HTML tags normally come in pairs like <b> and </b>
• The first tag in a pair is the start tag, the second tag is the
end tag
• The end tag is written like the start tag, with a forward slash
before the tag name
• Start and end tags are also called opening tags and closing
tags <tagname>content</tagname>
Structure Of HTML
<!DOCTYPE html> -> DOCTYPE declaration defines the document type.

<html> -> The text between <html> and </html> describes the web page.

<head> -> The text between <head> and </head> is the visible headpage
content.
<title> -> The text between <title> and </title> is the visible
title of the browser.
</title>
</head>

<body>-> The text between <body> and </body> is the visible page content

</body>

</html>
HTML Element
• An HTML element is defined by a starting tag. If the element contains
other content, it ends with a closing tag, where the element name is
preceded by a forward slash.

<!DOCTYPE html>
<html>

<head>
  <title>TITLE WEBSIE</title>
  <meta charset="UTF-8">
</head>

<body>

You might also like