1st presentation of web technologies

2. Web Programming
Submitted to:
Mr. Nukhbat Ullah Khan

3. Team layout
Submitted By:
Mahmood Shahryar Barirah
Abdullah

4. Division of topic
01
02
03
05
04

5. Introduction of Div
What is Div and how we can use in our Projects

6. Basic Use of Div
Div is block element
What is Div Tag
The Div tag is multi-purpose – you can use it to do several things on a web page.
You'll mostly use it in web layouts and CSS art, but it's super flexible.
Ultimately, you'll almost always to use it to style whatever it contains or manipulate such things with JavaScript
1. Use div in Web Layouts
You'll primarily use the div tag to group similar content together so you can style it easily. A great example o
f this is using div to group different sections of a webpage together. You can put together the header, nav, s
ections, and footer of a page in an individual div tag so they can be styled together.
2. Use div in CSS Art
With the div tag, you can make various shapes and draw anything because it is easy to style.
How to make a square with the div tag
To make a square with div tag, you first need to define an empty div tag and attach a class attribute to it
in the HTML. In the CSS, select the div with the class attribute, then set an equal height and width for it
.

7. Example of Div
With Html and CSS
Output

8. Front End Section
Html and Css

9. Front Section
This is the front end section:

10. CSS/HTML
Css and html code for front end section

11. Experience Section
Html and Css

12. Experience Section
Code output

13. Css / Html
Css and html code for experience section

14. Php myAdmin Configuration
By using Xammp

15. Xampp
By using Xampp :
Click on Start
Go to Admin Panel

17. Data base Panel
I have already done
If you want to create
new one

18. DATA
Colum names
Note
Colum names is Most important thing you
have to remember

19. Insertion Query

20. Signup Page
By putting information in signup page we store data in database

21. Html / Php
Html and Php code for connection with database

22. Update Query

23. Updation Query
Use for modify data from database through query
Update Query ?
 The UPDATE statement is used to change or modify the existing records in a database table. This statement is typically use
d in conjugation with the WHERE clause to apply the changes to only those records that matches specific criteria.
 The basic syntax of the UPDATE statement can be given with:
 Let's make a SQL query using the UPDATE statement and WHERE clause, after that we will execute this
query through passing it to the PHP mysqli_query() function to update the tables records. Consider the following
persons table inside the demo database

24. Example
Let us consider the following table “Persons” with four columns ‘ Id ‘, ‘ first_name ‘, ‘ lastna
me ‘ and ‘ Email ‘.
To update the record of the Persons whose ID is 201 from the ‘ team ‘ table, the followi
ng code can be used.

25. Updation Query

26. Before & After
Before After

27. Delete Query
Delete Query is used for delete data from DB

28. What is Delete Query
Delete Query
The DELETE query is used to delete records from a database table.
It is generally used along with the “Select” statement to delete only those records that
satisfy a specific condition.
Syntax :

29. Example
Let us consider the following table “Data” with four columns ‘ ID ‘
, ‘ FirstName ‘, ‘ LastName ‘ and ‘ Age ‘.
To delete the record of the person whose ID is 201 from the ‘ Data ‘ table, the followi
ng code can be used.

30. Php Code

31. Output
Output :
Table after updation –