php workshop l0 introduction

Web Basics Programming With PHP

By: Mohammad Al-Shalabi & Mohammad Opada Al-Bosh

The Internet

What is the Internet ?


Web evolution


Web Apps

• Internet wide spreading.

• Access from every where.


Browser and Server

Web Programming Languages


HTML


Introduction

• With HTML you can create your own Web site.

• HTML composed of set of tags.

• HTML is a standard in “W3C”.

• HTML is compatible with: internet explorer, Safari,

Firefox and Google Chrome.

Before we start


• General form:

• Example:

HTML Structure

<tag_name/>

Single Tags

line 1 of the web page <br /> line2 of the web page


• General form:

• Example:

HTML Structure

<tag_name> content </tag_name>

this text is normal and <b> this text is bold </b>

Double Tags


HTML StructurePage structure

<html><head>

<title>some title</title></head><body>

</body></html>

General Form:


HTML StructurePage structure

General Form:


HTML StructureTags attribute

General Form:


<tag_name attribute 1 = "value1"attribute 2 = "value 2"attribute n = "value n“>

<h1 align = "center"> this is heading 1 </h1>

Example:


Tags Examples:


<div>this is div</div>

<table><tr>

<td>cell 1.1</td><td>cell 1.2</td>

</tr></table>

Tags Examples:


<p align=“center”>this is paragraph</p>

<i>italic</i>

<a href="www.w3schools.com">>w3schools</a>



http://www.w3schools.com/tags/tag_comment.asp


Tags Examples:


<h3>Headline3</h3>

<h2>Headline2</h2>

<h1>Headline1</h1>

<h4>Headline4</h4>


Tags Examples:


<form><input type=“text” name=“user” /><input type=“password” name=“pass” /><input type=“submit” value=“Send” />

</form>

<img src=“img1.jpg”/>

Notes

1 Don’t forget saving file in .htm or .html format.

2 We will see the output in the browser.

Let’s Test it live !


php workshop l0 introduction

Software

html format

html structuresingle

html structure content

web pageby

web site

web basics programming

internet explorer

web page line2