Scribd
Upload
12 views4 pages

Summary For (HTML-CSS-Bootstrap-PHP&mysql)

The document discusses HTML, CSS, Bootstrap, PHP, and SQL. It provides an overview of important elements and tags in HTML like <head>, <body>, <h1-6> headings, lists, images, and titles. It also describes common CSS properties like background-color, font-family, text-align, and box-shadow. Bootstrap's grid system and container classes are explained. PHP is said to be used for form data collection, file handling, and modifying databases. SQL queries and PHP super globals $_GET and $_POST are mentioned for retrieving form data.

Uploaded by

aliaabfcai25
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
12 views4 pages

Summary For (HTML-CSS-Bootstrap-PHP&mysql)

The document discusses HTML, CSS, Bootstrap, PHP, and SQL. It provides an overview of important elements and tags in HTML like <head>, <body>, <h1-6> headings, lists, images, and titles. It also describes common CSS properties like background-color, font-family, text-align, and box-shadow. Bootstrap's grid system and container classes are explained. PHP is said to be used for form data collection, file handling, and modifying databases. SQL queries and PHP super globals $_GET and $_POST are mentioned for retrieving form data.

Uploaded by

aliaabfcai25
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 4

2 : ‫سكشن‬ ‫ علياء هشام عبد المنعم عبدالحميد‬: ‫االسم‬

First : HTML

<!doctype html>:
represent the document type and help the browser to display web
page correctly.
<html> :
start point for the code “closen tag”</html>
<head> :
content of all metadata for the web “closen tag”</head>
<body>:
define the document body “closen tag”</bodyl>
Heading element in html <h>: headings are titles or subtitles that you want to
display on a webpage
 <h1>: defines the most important heading.
 <h1>hello</h1>
 <h6>: defines the least important heading.
 <h6>copyrights<h6>
<Style>:
to make style for elments in html
<img src=”” alt =””> :
to set image in the document

HTML Title <title>:


 defines a title in the browser toolbar
 <title> cart </title>

HTML Lists:
allow web developers to group a set of related items in lists.
 Order list <ol>: tag.
 Each list item starts with the <li> tag.
 The list items will be marked with numbers
 Ex:
<ol>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
allow web developers to group a set of related items in lists.
 Order list <ul>: tag.
 Each list item starts with the <li> tag.
 The list items will be marked with bullests
 Ex:
<ul>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ul>
The HTML class: attribute is used to specify a class for an HTML element
 <body class=”container”></body>
The HTML id: attribute is used to specify a unique id for an HTML element.
 <body id=”item”></body>

Second: css

Css is Cascading Style Sheets (CSS)


Syntax :Selector { property : value; }
Selector { background-color: Any Color; }
 Background color of an element
Selector { font-family: sanserif; }
 Specify font type
Selector {margin: numirc value; }
 Surrounding margins

Selector{ text-align:center}
 Aligment of a text
Selector {font-wieght :200}
 The boldiness of a font
Selector{letter-spacing :30px}
 The space between characters
Selector:hover{}
 When mouse hovers
Selector{box-shadow:color}
 Make colored shadow for the box

Third: Bootstrap

Grid system in bootstrap: is built with flexbox and allows up to 12


colums across the page.
Grid class:
 col- (extra small devices - screen width less than 576px)
 col-sm- (small devices - screen width equal to or greater
than 576px)
col-md- (medium devices - screen width equal to or greater
than 768px)
col-lg- (large devices - screen width equal to or greater
than 992px)
col-xl- (xlarge devices - screen width equal to or greater
than 1200px)
col-xxl- (xxlarge devices - screen width equal to or greater
than 1400px)
Bootstrap Containers: are used to pad the content inside of them,
and there are two container classes available:
The .container class provides a responsive fixed width
container
The .container-fluid class provides a full width container spanning
the entire width of the viewport
Bootstrap navbar :with bootstrap a nav bar can extend or collapse
depending on screen size.

Fourth:PHP

PHP can create, open, read, write, delete, and close files on the server
PHP can collect form data
PHP can add, delete, modify data in your database
Php code: In suntax php the code start with “<?php ” and end “?>”
variable starts with the “$” sign, followed by the name of the variable
 Ex $x=8;
Echo: statement is used to output data to the screen.
 Ex echo “hello world“ ;
Foreach($array/$var){Statements; } :
Is used as a for loop to loop an array

Fifth:sql

The PHP super globals $_GET and $_POST are used to


collect from data.
$sql=”select * from tbl_name”;
$con=( ”localhost” , “root” , “” ,”bd_name” );

You might also like