Html and css presentation

• HTML is used to create web documents including text,
images, formatting, and hyperlinks to other documents.
• HTML documents consists of text and ‘markup’ tags
which are used to define the structure, appearance, and
function of the information.
• There are two types of markup tags:
• Container tags – Define a section of text using a start tag and an
end tag. For example, text placed inside of these tags would
appear in bold:
<B>Hello</B>
• Empty tags – represent a single occurrence of an instruction.
For example, the <BR> or break tag is used to indicate that you
want to include a single space following the text.

• Any text editor can be used to create HTML documents.
• The most commonly used text editors are:
• Notepad (Windows)
• Notepad++ (Windows)
• WordPad (Windows)
• NetBeans IDE (Windows)

• What You See is What You Get (WYSIWYG)
authoring tools provide graphical user interfaces
to simplify the creation of HTML documents.
• Examples of WYSIWYG authoring tools are:
• FrontPage by Microsoft
• Dreamweaver by Macromedia
• PageMill by Adobe

• An HTML document is divided into two main sections:
• Heading - The HEADing contains information describing
the document, such as its title. The heading section is
indicated by the <HEAD> and </HEAD> tags.
• Body - The BODY section is where the Web document
text, graphics, and other elements are placed. The body
section is indicated by the <BODY> and </BODY> tags.

<HTML>
<HEAD>
<TITLE>Geeet.in Bollywood & Punjabi</TITLE>
</HEAD>
<BODY>This is the part of the Web page that viewers
would see!</BODY>
</HTML>

What is CSS?
CSS stands for Cascading
Style Sheet. Typical CSS file
is a text file with an
extention.css and contains a
series of commands or rules.
These rules tell the
HTML how to display.
*To create a style sheet, create a file
using Notepad (PC) or Text Edit
(Mac), save it as a .css document and
start writing the CSS code (see right).
/* Styles for
geeet.in*/
body {
font-family:Arial;
background: #000;
}
#container {
text-align:left;
width:1020px;
}
#header {
height:232px;
}
And so On…
Style.css

• A CSS RULE is made up of a selector and a declaration.
A declaration consists of property and value.
• selector {property: value;}
A selector, here in green, is often an element of HTML.
body { property: value; }
h1 { property: value; }
.class { property: value; }
p { property: value; }
declaration

• PHP (Hypertext Pre-Processor) is a server-side web
programming language that is widely used for web
development.
• PHP language has its roots in C and C++.
• PHP syntax is most similar to C and C++ language
syntax. So, programmers find it easy to learn and
manipulate.
• PHP can run on both UNIX and Windows servers.
• PHP supports many databases (MySQL, Oracle etc.)

• MySQL is currently the most popular open source
database server in existence.
• On top of that, it is very commonly used in conjunction
with PHP scripts to create powerful and dynamic server-
side applications
• MySQL is a relational database system. If you can
believe many diehard MySQL fans, MySQL is faster,
more reliable, and cheaper.

• SELECT - extracts data from a database
• UPDATE - updates data in a database
• DELETE - deletes data from a database
• INSERT INTO - inserts new data into a database
• CREATE DATABASE - creates a new database
• ALTER DATABASE - modifies a database
• CREATE TABLE - creates a new table
• ALTER TABLE - modifies a table
• DROP TABLE - deletes a table

• Technology Used
• Frontend:-HTML, CSS, PHP
• Backend:- My SQL
• Framework:- NetBeans IDE 7.2
• System Requirements
• Minimum RAM:- 1 GB
• Hard Disk:- 160 GB
• Processor:- Intel Core2 Duo
• Operating System:- Windows 7, Windows 8,Windows 10
conti…

• Software Specifications
• Technology Implemented : Apache Server
• Languages Used : PHP
• Database : My SQL
• User Interface Design : HTML, CSS
• Web Browser : Google Chrome, Firefox
• Software : WAMP Server 2.2

A
nil
K
u
m
ar
(
http://Geeet.in/Punjabi.php

Html and css presentation

Recommended

More Related Content

What's hot (20)

Viewers also liked (17)

Similar to Html and css presentation (20)

More from umesh patil (20)

Recently uploaded (20)

Html and css presentation