Training Report on X-HTML, PHP & MySQL

Building Static Sites through HTML

HTML is a computer language devised to allow website creation. These websites can then be viewed by anyone else connected to the Internet. It is relatively easy to learn; and quite powerful in what it allows you to create. It is constantly undergoing revision and evolution to meet the demands and requirements of the growing Internet audience under the direction of the W3C, the organisation charged with designing and maintaining the language. The definition of HTML is HyperText Markuge Language. HyperText is the method by which you move around on the web by clicking on special text called hyperlinks which bring you to the next page. The fact that it is hyper just means it is not linear i.e. you can go to any place on the Internet whenever you want by clicking on links there is no set order to do things in. Markup is what HTML tags do to the text inside them. They mark it as a certain type of text (italicised text, for example). HTML is a Language, as it has code-words and syntax like any other language.

HTML is a language for describing web pages.

HTML stands for Hyper Text Markup Language HTML is not a programming language, it is a markup language A markup language is a set of markup tags HTML uses markup tags to describe web pages

What are HTML Tags ? The tags are what separate normal text from HTML code. You might know them as the words between the . They allow all the cool stuff like images and tables and stuff, just by telling your browser what to render on the page. Different tags will perform different functions. The tags themselves dont appear when you view your page through a browser, but their effects do. The simplest tags do nothing more than apply formatting to some text, like this: These words will be bold, and these will not.

HTML markup tags are usually called HTML tags

-HTML tags are keywords surrounded by angle brackets like -HTML tags normally come in pairs like and -The first tag in a pair is the start tag, the second tag is the end tag -Start and end tags are also called opening tags and closing tags

Getting Started with HTML What you need? HTML is written simply in a plain text editor like Notepad. Advanced developers also use softwares like Frontpage, Expression Web & Dreamweaver. But we will be using advanced text editor Notepad++ (provided to you on NeepanTech.com Website and also with your Neepan Tech Package DVD). How to Save HTML Web Page. HTM or HTML Extension ? When you save an HTML file, you can use either the .htm or the .html extension. We use .htm in our examples. With new software it is perfectly safe to use .htmlUnderstand the HTML Web Page Structure.

Hello, How are you.

Example Explained

The text between and describes the web page The text between and is the visible page content

This is the common structure of all the HTML Web Pages. Always you have to Start the HTML Page with opening HTML and Body Tags and and after putting all the content you need in the Web Page, You need to close the opened tags by and , in the order they were opened.HTML Elements. An HTML element is everything from the start tag to the end tag. Illustration This is Some Content.

Illustration Explained Here everything for start paragraph tag to end tag is the HTML Element. The content between the tags This is Some Content. is known as the element content.

HTML Element Syntax An HTML element starts with a start tag / opening tag. An HTML element ends with an end tag / closing tag. The element content is everything between the start and the end tag. Some HTML elements have empty content. Empty elements are closed in the start tag. Most HTML elements can have attributes.

HTML Basic Tags Explained. Heading Tags There are six levels of headings in HTML specified by , , , , and tags. defines the largest heading and defines the smallest heading.Paragraph Tag Illustration Explained HTML Paragraph element are defined with the tags. Always rememeber to close the paragraph tag when a particular paragraph is written completely.Illustration

Neepan Tech Home Page.

Illustration OutputNeepan Tech Home Page.Some other Useful Tags. We will now discuss some other useful tags like HTML Rules, HTML Comments, Line Breaks etc.

Drawing HTML Rules (Horizontal Rule) is a stand alone tag that generates a horizontal line. There is no corresponding HTML command for a verticle line.Illustration

My First Heading.

My Second Heading.

Illustration Output. My First Heading. My Second Heading.

Rules Tag Illustration Explained The Tag generates a horizontal line between the 2 Headings.

HTML Comments All combinations of text placed within the comment tags will be ignored by the web browser, this includes any HTML tags, scripting language(s), etc.

Line Breaks To break the line and move to the next line. Use the
tag.Marquee (Superscript) is a tag that makes any text between tags to be formatted as subscripted. You always had to remember closing the superscript tag after you have formatted the required text.HTML Styling Tags You may want to change the way the generated HTML output looks. The best way to do that is with a Cascading Style Sheet (CSS), which modern browsers support. Font family, type size, colors, and other styles can be controlled with CSS for each kind of element.

Connect CSS to a Webpage Insert the link of CSS Files into the HTML file. The link is to be put in the element.

Illustration

Illustration Explained The above tag, links the CSS file named stylesheet.css to the current Web page.

HTML Table Tags The tag defines an HTML table. A simple HTML table consists of the table element and one or more tr, th, and td elements. The tr element defines a table row, the th element defines a table header, and the td element defines a table cell.HTML List Tags Words or phrases which need to be set apart from the rest of the body of text can be emphasized with a bullet. List Tag : creates a bullet in front of text which is to be set apart for emphasis and causes all text after it to be indented, either until another list tag is detected or until the end of the list is reached. It is used to itemize elements of unordered and ordered lists. Unordered List An unordered list is a list of items. The list items are marked with bullets (typically small black circles). An unordered list starts with the

tag. Each list item starts with the

tag.Illustration

• January
• February

Illustration Output-January -February

Unordered List Illustration Explained January & February are put in Bullet as they are inside an

• unordered list tags.Ordered List An ordered list is also a list of items. The list items are marked with numbers. An ordered list starts with the

1. tag. Each list item starts with the

2. tag.

   Designing HTML Forms A form is an area that can contain form elements. Form elements are elements that allow the user to enter information (like text fields, textarea fields, drop-down menus, radio buttons, checkboxes, etc.) in a form. A form is defined with the tag.Textfield Text fields are used when you want the user to type letters, numbers, etc. in a form.Radio Button Radio Buttons are used when you want the user to select one of a limited number of choices. Checkbox Checkboxes are used when you want the user to select one or more options of a limited number of choices.What are Tags The tag in XHTML is a tag that defines logical divisions within the content of a page. What this means is that a tag defines sections of a Web page to make it easier to manage, style, and manipulate. "maincontent". Tag Illustration Explained We can then give any design or position to the easily to the using the CSS.PHP - What is it? Taken directly from PHP's home, PHP.net, "PHP is an HTML-embedded scripting language. Much of its syntax is borrowed from C, Java and Perl with a couple of unique PHP-specific features thrown in. The goal of the language is to allow web developers to write dynamically generated pages quickly." This is generally a good definition of PHP. However, it does contain a lot of terms you may not be used to. Another way to think of PHP is a powerful, behind the scenes scripting language that your visitors won't see!

   PHP - What's it do? It is also helpful to think of PHP in terms of what it can do for you. PHP will allow you to: Reduce the time to create large websites. Create a customized user experience for visitors based on information that you have gathered from them. Open up thousands of possibilities for online tools. Check out PHP - HotScripts for examples of the great things that are possible with PHP Allow creation of shopping carts for e-commerce websites.

   PHP Syntax Before we talk about PHP's syntax, let us first define what syntax is referring to.

   Syntax - The rules that must be followed to write properly structured code.

   PHP's syntax and semantics are similar to most other programming languages (C, Java, Perl) with the addition that all PHP code is contained with a tag, of sorts. All PHP code must be contained within the following...

   PHP Code

   or the shorthand PHP tag that requires shorthand support to be enabled on your server... How to Save PHP Pages If you have PHP inserted into your HTML and want the web browser to interpret it correctly, then you must save the file with a .php extension, instead of the standard .html extension. So be sure to check that you are saving your files correctly. PHP Code

   My First PHP Page Display Hello World!

   White Space As with HTML, whitespace is ignored between PHP statements. This means it is OK to have one line of PHP code, then 20 lines of blank space before the next line of PHP code. You can also press tab to indent your code .PHP Code

   My First PHP Page

   Display Hello World!Hello World!PHP Variables A variable is a means of storing a value, such as text string "Hello World!" or the integer value 4. A variable can then be reused throughout your code, instead of having to type out the actual value over and over again. In PHP you define a variable with the following form: $variable_name = Value;

   If you forget that dollar sign at the beginning, it will not work. This is a common mistake for new PHP programmers!

   PHP Variable Naming Conventions There are a few rules that you need to follow when choosing a name for your PHP variables. - PHP variables must start with a letter or underscore "_". - PHP variables may only be comprised of alpha-numeric characters and underscores. a-z, A-Z, 0-9, or - Variables with more than one word should be separated with underscores. $my_variable - Variables with more than one word can also be distinguished with capitalization. $myVariable

   PHP Echo As you saw in the previous lesson, the PHP function echo is a means of outputting text to the web browser. Throughout your PHP career you will be using the echo function more than any other. So let's give it a solid perusal! Outputting a String To output a string, like we have done in previous lessons, use the PHP echo function. You can place either a string variable or you can use quotes, like we do below, to create a string that the echo function will output.PHP Code Display Hello!I love using PHP!Careful When Echoing Quotes! It is pretty cool that you can output HTML with PHP. However, you must be careful when using HTML code or any other string that includes quotes! The echo function uses quotes to define the beginning and end of the string, so you must use one of the following tactics if your string contains quotations:Don't use quotes inside your string Escape your quotes that are within the string with a slash. To escape a quote just place a slash directly before the quotation mark, i.e. \"Use single quotes (apostrophes) for quotes inside your string.See our example below for the right and wrong use of the echo function:

   PHP Code Display: Connected to MySQChoosing the working Database

   After establishing a MySQL connection with the code above, you then need to choose which database you will be using with this connection. This is done with the mysql_select_db function.MySQL Tables A MySQL table is completely different than the normal table that you eat dinner on. In MySQL and other database systems, the goal is to store information in an orderly fashion.PHP & MySQL Code: