Scribd
Upload
2 views

2 WEB & HTML basics

The document provides an overview of web development, including the basics of HTML and the structure of web pages. It covers setting up a development environment, creating a simple web page, and understanding HTML elements, tags, and attributes. The learning outcomes include the ability to set up a development environment, create a web page, and apply basic HTML formatting.

Uploaded by

yahyakhan.superiorpeshawar
Copyright
© © All Rights Reserved
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
2 views

2 WEB & HTML basics

The document provides an overview of web development, including the basics of HTML and the structure of web pages. It covers setting up a development environment, creating a simple web page, and understanding HTML elements, tags, and attributes. The learning outcomes include the ability to set up a development environment, create a web page, and apply basic HTML formatting.

Uploaded by

yahyakhan.superiorpeshawar
Copyright
© © All Rights Reserved
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
You are on page 1/ 18

Applications of Information & Communication

Technology

Mr. Ali Hassan


Institute Of Management Sciences
Web Development Basics
• Understanding what web development is.
• Overview of front-end vs. back-end development.
• Introduction to web technologies and tools.
Task
• Study about web development in detail.

• https://en.wikipedia.org/wiki/Web_development
Setting Up a Development Environment
• Choosing the right code editor (e.g., VS Code, Sublime
Text, NOTEPAD e.t.c).
• Installing necessary tools (browsers).
• Creating a local server for testing (e.g., using Live
Server).
HTML Fundamentals
• Introduction to HTML and its role in web development.
• Understanding elements, tags, and attributes.
• Learning about the structure of an HTML document.
HTML Tags
HTML Elements
Creating Your First Web Page
• Step-by-step guide to building a simple web page.
• Adding text, links, and images.
• Saving and opening your HTML files in a web browser.
HTML Structure ( What is a structure)
Web Development Basics

STRUCTURE OF WEB PAGE


CONT..
• Understanding the basic structure of an HTML
document.
• The importance of the <!DOCTYPE> declaration,
<html>, <head>, and <body> tags.
• Understanding Hyper Text + Markup Language
Cont..
• <!Doctype html> tells that we are working on the latest
version of HTML.

• <html>, <head> , <body> tags…


Headings, Paragraphs, and Basic Text
Formatting
• Using headings (<h1> to <h6>) effectively for content
hierarchy.
• Creating paragraphs with the <p> tag.
• Basic text formatting (bold, italic, underline) using tags
like <strong>, <em>, and <u>.
• Line Break <br>
View Source
• How to view others or build web pages using view
source?
Summary
• HTML pages are documents that contain text.

• HTML uses tags, which act like containers and tell you about
the information which lies between their opening and closing
tags.

• HTML elements tell the browser how to display the content.


Browsers do not display the HTML tags, but use them to render
the content of the page.

• • Usually we refer to tags as elements.


Summary
• Tags usually come in pairs. Our content is usually
contained within the opening and closing tags. The
opening tag marks the beginning of the content and the
closing tag marks the end.

• Every HTML element can have predefined attributes.


Attributes provide additional information about the
content of an element, they appear on the opening tag
and are made up of two parts: a name and a value,
separated by the equal sign. Like name ="value"
Learning Outcomes
• Set up a development environment tailored to your
needs.
• Create a simple web page using HTML.
• Understand and apply basic HTML structure and
formatting.

You might also like