INTRODUCTION WEB
DEVELOPMENT
•Web development refers to the creation of websites and web applications.
•Involves frontend, backend, and database technologies.
TYPES OF WEB DEVELOPMENT
•Frontend (Client-side)
•Backend (Server-side)
•Full Stack (Both
FRONTEND TECHNOLOGIES
• Html
• Css
• javascript
HTML
• Stands for Hypertext markup language
• Standard language for creating webpages
• Its used in structuring the web contents
STRUCTURE OF HTML
• <!DOCTYPE html>
• <html>
• <head>
• <title>My First Page</title>
• </head>
• <body>
• <h1>Welcome</h1>
• <p>This is my first webpage.</p>
• </body>
• </html>
HTML TAGS
Tag Description
<!DOCTYPE> Declares document type (HTML5)
<html> Root of the HTML document
<head> Container for metadata
<title> Sets the title in the browser tab
<base> Specifies a base URL for relative links
<link> Links external resources (CSS, favicon)
<meta> Metadata (charset, viewport, etc.)
<style> Internal CSS
<script> Embeds or references JavaScript
TAG CONS
Tag Description
<body> Document body
<header> Introductory content
<nav> Navigation links
<main> Main content of the document
<section> Thematic grouping of content
<article> Independent content
<aside> Side content (e.g., ads, sidebars)
<footer> Footer content
TAGS CONS
Tag Description
<h1> to <h6> Headings (level 1 to 6)
<p> Paragraph
<br> Line break
<hr> Thematic break (horizontal line)
<pre> Preformatted text
<blockquote> Block quote
<ol> Ordered list
<ul> Unordered list
<li> List item
<dl> Description list
<dt> Term/name in a description list
<dd> Description/details