You are on page 1of 17

WEB DEVELOPMENT

TOPICS

• HTML

• CSS

• BOOTSTRAP

• PHP
PRESENTED BY:

SYED MUHAMMAD JAWAD BUKHARI


HISTORY OF HTML
(HYPER TEXT MARKUP LANGUAGE)

HTML, or Hypertext Markup Language, is a


markup language for the web that defines the
structure of web pages.

The first version of HTML was written by Tim Berners-Lee in


1993. Since then, there have been many different versions of
HTML. The most widely used version throughout the 2000's
was HTML 4.01, which became an official standard in
December 1999 before HTML 5.0, , which is currently
released and used worldwide. HTML 5 can be said for an
extended version of HTML 4.01, which was published in the
year 2012
Examples of types of content that can be included on web pages
SETTING UP THE HTML DOCUMENT
STRUCTURE
• HTML documents are plain text documents saved with
an .html file extension rather than .txt file extension. To begin
writing HTML, you first need a plain text editor that you are
comfortable using.
• All HTML documents have a required structure that includes
the following declaration and elements <html> . <head> and
<head>
• Inside the html element, the <head element identifies the top
of the document, including any metadata. The content inside
the <head> element that is not displayed on the web page
itself. Instead it may include the document title (which is
displayed on the title bar in the browser window), links to any
external files, or any other beneficial metadata.
• All of the content visible content within webpage will fall within
the <body> element.
CSS (CASCADING STYLE SHEET)

CSS is used to ensure better


visual experience for user on
web pages. It is used by way
of defining colors, font, layout
and other aspects of
document presentation.
TYPES OF CSS

• INLINE STYLE SHEETS


• EXTERNAL STYLE SHEETS
• INTERNAL CSS

INLINE CSS contains the CSS property in the body section attached with
element is known as inline CSS. This kind of style is specified within an HTML
tag using the style attribute. 

INTERNAL CSS are the ones that we can write within the same file i.e. the
HTML code and css code are placed in the same file.

EXTERNAL CSS are that we can write in a separate file than the HTML code
i.e. the HTML file is separate like(index.html) and css file is separate
like(style.css)
BOOTSTRAP

Bootstrap is front-end for faster and easier


web development.
• Bootstrap makes the job of a web
developer easy, who is not good in CSS.
• Mobile first responsive web design.
• Styling for almost all HTML elements.
BOOTSTRAP CONTAINERS

The container class is one of the


most important bootstrap class. It
provides margins, paddings,
alignments and more to Html
elements.
WHAT IS DATABASE?

• A collection of organized information


on a particular subject.
• It is organized so that queries and
reports based on the information can
be readily informed.
• Common examples of databases:
-Telephone directory
-Student records

The organization is able to retrieve


information from a database.
PHP(HYPERTEXTPREPROCESSOR)

PHP is a widely used open source


scripting language, PHP scripts are
executed on the server, It files can contain
text, HTML, CSS, Javascript and PHP
code.
Its code are executed on the server, and
the result is returned to the browser in
HTML form.
PHP files have extension like “.PHP”
WHAT CAN PHP DO?

• We can create, open, read, write, delete and


close file on the server using php.
• It can collect form data
• Php can send and receive data
• It can be used to control user access

With PHP you are not limited to output Html.


You can output images, Pdf files, and even flash
movies.

You might also like