Saturday, November 3, 2012
Friday, April 27, 2012
Creating Table in HTML
Tables arrange and organize content into columns and rows. Basically, they can be made via the container tags <table></table>. Each row within the table is defined by the container tags <tr></tr>. Moreover, each cell or data within a row is defined by the container tags <td></td>.
Remember that the cells <td></td> are placed inside the rows <tr></tr> and rows are placed inside the table
<table></table>.
<html>
<head>
<title>Computer Books</title>
</head>
<body>
<caption>IT Learning</caption>
<table>
<tr bgcolor="#ff0000">
<th></th>
</tr>
<tr>
<th align="center" width="200px">BOOKS</th>
<th align="center" width="200px">SOFTWARE</th>
<th align="center" width="200px">HARDWARE</th>
</tr>
<tr>
<th align="center" >Creative Design</th>
<th align="center" >Adobe</th>
<th align="center" >Asus Notebook</th>
</tr>
<tr>
<th align="center" >Office Productivity</th>
<th align="center" >Microsoft</th>
<th align="center" >inFocus Projector</th>
</tr>
</table>
</body>
</html>
Remember that the cells <td></td> are placed inside the rows <tr></tr> and rows are placed inside the table
<table></table>.
<html>
<head>
<title>Computer Books</title>
</head>
<body>
<caption>IT Learning</caption>
<table>
<tr bgcolor="#ff0000">
<th></th>
</tr>
<tr>
<th align="center" width="200px">BOOKS</th>
<th align="center" width="200px">SOFTWARE</th>
<th align="center" width="200px">HARDWARE</th>
</tr>
<tr>
<th align="center" >Creative Design</th>
<th align="center" >Adobe</th>
<th align="center" >Asus Notebook</th>
</tr>
<tr>
<th align="center" >Office Productivity</th>
<th align="center" >Microsoft</th>
<th align="center" >inFocus Projector</th>
</tr>
</table>
</body>
</html>
Sunday, April 15, 2012
Specifying the Background Image of a Page
You can specify the background image of the page by using the background Attribute inside the body tag
<body background="value">...</body>. However when using an image as a background of a web page you must keep in mind not to make your background image stronger than your web page or it will be hard to read the text of your Web page. You can also add a background color that matches the color of the image.
In choosing a background image, you should remember the following:
1. Use an image that will not distract the text and main content of the page.
2. Do not use large image file because it will take a long time to load your page.
3. The background should not show boundaries and grids when tiled.
<html>
<head>
</head>
<body>
<body background="image.png">
<font face='tahoma' size='7'> BUTTERFLY </font>
</body>
</html>
<body background="value">...</body>. However when using an image as a background of a web page you must keep in mind not to make your background image stronger than your web page or it will be hard to read the text of your Web page. You can also add a background color that matches the color of the image.
In choosing a background image, you should remember the following:
1. Use an image that will not distract the text and main content of the page.
2. Do not use large image file because it will take a long time to load your page.
3. The background should not show boundaries and grids when tiled.
<html>
<head>
</head>
<body>
<body background="image.png">
<font face='tahoma' size='7'> BUTTERFLY </font>
</body>
</html>
Monday, March 26, 2012
Line Breaks in HTML
Have you noticed how your Web browser treats the white spaces on your HTML file? Your Web browser ignores white spaces and pressing Enter of the Return key does not actually create a new line on the chunk of text on your Web page as seen on the code. It will create a new line for the text that you want to appear on the next line.
The <br> tag creates a line break or new line.
<html>
<body>
<br>This is the first line<br>
<br>This is the second line<br>
<br>This is the third line<br>
</body>
</html>
Output:
The <br> tag creates a line break or new line.
<html>
<body>
<br>This is the first line<br>
<br>This is the second line<br>
<br>This is the third line<br>
</body>
</html>
Output:
Thursday, March 22, 2012
How to Save and Viewing your HTML file
Saving an HTML Document
After creating your codes, you can save your HTML document so that you can view or work on it later.
1. On the Menu Bar, click File and click Save or Save As.
2. On the Save As dialog box, type your file name in the File name box.
3. When saving, always change the file and type to All Files and use .html or .htm file extension.
4. Click Save.
Viewing an HTML Page
You can now view your HTML document on your web browser.
1. Launch any Web browser.
2. On the Menu Bar, click File and click Open File.
3. On the Open dialog box, click browse.
4. Look for the folder or drive where HTML file was saved and click the file.
5. Click Open and on the Open dialog box click OK.
After creating your codes, you can save your HTML document so that you can view or work on it later.
1. On the Menu Bar, click File and click Save or Save As.
2. On the Save As dialog box, type your file name in the File name box.
3. When saving, always change the file and type to All Files and use .html or .htm file extension.
4. Click Save.
Viewing an HTML Page
You can now view your HTML document on your web browser.
1. Launch any Web browser.
2. On the Menu Bar, click File and click Open File.
3. On the Open dialog box, click browse.
4. Look for the folder or drive where HTML file was saved and click the file.
5. Click Open and on the Open dialog box click OK.
Wednesday, March 21, 2012
Creating a New Paragraph in HTML
In HTML, there are tags for writing paragraph. Yes, it's container tag and it is <p></p>.
<html>
<head>
<title>Latest IT Books</title>
</head>
<body>
<font size="5" face="arial">
<p>This is the first paragraph.</p>
<p>This is the second paragraph.</p>
<p>This is the third paragraph.</p>
</font>
</body>
</html>
<html>
<head>
<title>Latest IT Books</title>
</head>
<body>
<font size="5" face="arial">
<p>This is the first paragraph.</p>
<p>This is the second paragraph.</p>
<p>This is the third paragraph.</p>
</font>
</body>
</html>
Tuesday, March 20, 2012
HTML Tags
Tags are the basic units or building blocks of an HTML file (or code as you may call it now since writing it may referred to as coding, too). Web pages are designed and HTML codes are made up of these tags - they control how the HTML does it structuring, laying out and formatting.
There are so many tags and each has its own use. Some are used to make your text appear in boldface, italicized or underlined. Some are used to make your text bigger, and some are, on the contrary, to make your text smaller. Some can put your text on the center or even on the far right of the screen. Some can put a horizontal line across the screen to separate texts. Some can put images and videos to even spice up your web page.
BASIC HTML TAGS
Name Meaning
<p></p> Paragraph
<br> Line Break
<hr> Horizontal Rule
<h1></h1> Heading 1
<ol></ol> Ordered List
<ul></ul> Unordered List
<dl></dl> Definition List
<font color="blue" size="5"> Modify Font
<b></b>, <i></i>, <u></u> Bold, Italic, Underline
<pre></pre> Preformat
<img src="image.gif"> Image
<table></table> Table
<tr></tr> Table row
<td></td> Table data
There are so many tags and each has its own use. Some are used to make your text appear in boldface, italicized or underlined. Some are used to make your text bigger, and some are, on the contrary, to make your text smaller. Some can put your text on the center or even on the far right of the screen. Some can put a horizontal line across the screen to separate texts. Some can put images and videos to even spice up your web page.
BASIC HTML TAGS
Name Meaning
<p></p> Paragraph
<br> Line Break
<hr> Horizontal Rule
<h1></h1> Heading 1
<ol></ol> Ordered List
<ul></ul> Unordered List
<dl></dl> Definition List
<font color="blue" size="5"> Modify Font
<b></b>, <i></i>, <u></u> Bold, Italic, Underline
<pre></pre> Preformat
<img src="image.gif"> Image
<table></table> Table
<tr></tr> Table row
<td></td> Table data
Monday, March 19, 2012
A Quick HTML Review - Creating an HTML Document
You can start creating HTML document with use of a text editor, HTML editor or word processing program.
HTML Editors - An HTML editor is a software application for creating web pages. Since HTML documents use plain text, any text editing program can be used to create Web pages.
TEXT EDITING PROGRAMS
Name Examples
Text Editors Microsoft Windows Notepad
Apple MAcintosh TextEdit
Komodo Edit
Zend Studio
HTML Editors Adobe DreamWeaver
Microsoft Expression
Word Processing Programs Microsoft Word
HTML Editors - An HTML editor is a software application for creating web pages. Since HTML documents use plain text, any text editing program can be used to create Web pages.
TEXT EDITING PROGRAMS
Name Examples
Text Editors Microsoft Windows Notepad
Apple MAcintosh TextEdit
Komodo Edit
Zend Studio
HTML Editors Adobe DreamWeaver
Microsoft Expression
Word Processing Programs Microsoft Word
Wednesday, March 14, 2012
What do you need to start PHP?
1. Basic use and understanding of HTML/XHTML is necessary to study PHP.
Knowledge of Cascading Style Sheet (CSS) and Javascript is also helpful.
2. Web server. Your computer can be web server; we simply need to install a web server program into in. In this book we will be using Apache freom this site http://httpd.apache.org/download.cgi.
3. PHP. The PHP program can be downloaded free from http://www.php.net/downloads.php
4. Database. The database program that we will be using for the using for the book is the equally popular and free software MySQL from this siote; http://www.mysql.com/downloads/
5. Text Editor. You can either such as MS Notepad is necessary to create the HTML and PHP scripts.
6. Web Browser. You can either use Internet Explorer, Mozilla Firefox, Safari, Opera or Google Chrome as your web browser. Yes, your computer can be a server and at the same time operate a web browser where you can output your scripts.
Knowledge of Cascading Style Sheet (CSS) and Javascript is also helpful.
2. Web server. Your computer can be web server; we simply need to install a web server program into in. In this book we will be using Apache freom this site http://httpd.apache.org/download.cgi.
3. PHP. The PHP program can be downloaded free from http://www.php.net/downloads.php
4. Database. The database program that we will be using for the using for the book is the equally popular and free software MySQL from this siote; http://www.mysql.com/downloads/
5. Text Editor. You can either such as MS Notepad is necessary to create the HTML and PHP scripts.
6. Web Browser. You can either use Internet Explorer, Mozilla Firefox, Safari, Opera or Google Chrome as your web browser. Yes, your computer can be a server and at the same time operate a web browser where you can output your scripts.
Monday, March 12, 2012
Why do we use PHP?
1. Te focus on this question is really why PHP and why not other scripting program. Why use PHP instead of another web technology?
2. HTML is static scripting language and has many limitations and PHP can provide it with much more dynamism and flexibility.
3. PHP is free of charge and an open source software. Open source software are available for everyone to use, study, modify and modify and improve just like the zend group did, meaning you can also create and improve PHP on your own freely.
4. PHP can run on the most common server platform such as Window, MAC, Linux and Unix, programs like these are called cross platform software. So you can jump from one machine without being troubled by what kind of operating system you are using.
5. PHP was written from the very start as a web application, therefore it is a focused web development tool.
6. PHP is used by many users around the world and if you have any difficulty with its use there a lot of shared experiences and documentations available for you on the internet.
7. PHP is powerful language that can grow with your application; it is powerful enough to be comparable to paid scripting programs.
8. PHP have advanced programming features that are available in other major programming languages such as C, Java, C++ and others, such as object oriented feature.
9. PHP has been used to develop other tools such as Wordpress, Joomla, etc that are vailable and use for free for your web applications and web site creation.
2. HTML is static scripting language and has many limitations and PHP can provide it with much more dynamism and flexibility.
3. PHP is free of charge and an open source software. Open source software are available for everyone to use, study, modify and modify and improve just like the zend group did, meaning you can also create and improve PHP on your own freely.
4. PHP can run on the most common server platform such as Window, MAC, Linux and Unix, programs like these are called cross platform software. So you can jump from one machine without being troubled by what kind of operating system you are using.
5. PHP was written from the very start as a web application, therefore it is a focused web development tool.
6. PHP is used by many users around the world and if you have any difficulty with its use there a lot of shared experiences and documentations available for you on the internet.
7. PHP is powerful language that can grow with your application; it is powerful enough to be comparable to paid scripting programs.
8. PHP have advanced programming features that are available in other major programming languages such as C, Java, C++ and others, such as object oriented feature.
9. PHP has been used to develop other tools such as Wordpress, Joomla, etc that are vailable and use for free for your web applications and web site creation.
Sunday, March 11, 2012
Introduction to PHP
PHP is a general-purpose and powerful scripting language to produce dynamic web site and interactive web pages. PHP is free software, used by many as an efficient alternative to Microsoft Active Server Pages (ASP). PHP code is embedded into the HTML source document and interpreted by a web server with a PHP processor module, which generates the web page document. As of press time, PHP installed on more that 20 million websites and 1 million web servers.
PHP originally stood for "Personal Home Page" when it was first conceived and created by danish Rasmus Lerdorf, it is now said to stand for "PHP: Hypertext Preprocessor". Names such as these are called recursive acronyms. They refer to themselves within the meaning of the expression or abbreviation, a common practice in the IT industry.
PHP originally stood for "Personal Home Page" when it was first conceived and created by danish Rasmus Lerdorf, it is now said to stand for "PHP: Hypertext Preprocessor". Names such as these are called recursive acronyms. They refer to themselves within the meaning of the expression or abbreviation, a common practice in the IT industry.
Subscribe to:
Posts (Atom)
Posts
