In this POST we will introduces you to the very basic of Hyper Text Mark Up language. In the web based application the developer will work with the HTML pages which is pass out by the designer? So that is why I have covered this topic “HTML”, introduction of Hyper Text Mark Up language. So let’s just cover the very basic but very useful topic for the developer point of view.
Before we go in to the depth related to web based application, One question arise that if the designer will work and create the html designed paged then why we required to study on HTML so for this question I just want describe to you it is good for us that we (developer) have some knowledge of HTML and sometimes our company designer is busy in some work at that time we able to work on the pages. So for this resion we need to require to study about HTML.
Web Server: - A system on the internet contains one or more web site.
Web Site: - A collection of one or more web pages.
Web Pages: - Single file name
Home Pages: - First page in web site (Index.html)
And for the developer point of view our work is convert the .html file to .PHP file.
What is HTML?>/b>
• A series of tags that are integrated into a text
• TAGS:-
o Surrounded with angle brackets like this.
"<" ">"
o Most tags come in pairs
< p > < b > < li >...
o The first tag turns the action on, and the second turns it off.
o The second tag (switch off) starts with a forward slash. < b > ….Some Text…. < / b > o Not case sensitivity. Editor for HTML (PHP File):- • Use an Editor such as Dreamweaver to write the document and code.
Cascading Style Sheet (CSS)
CSS (Cascading Style Sheet) is basically used for the designing purpose, we can assign the style them to the element. The most rudimentary method of applying a defined look-and-feel to your page elements is to use various style-changing HTML elements such as < font >, < b >, and < i > directly.
• Using various HTML elements, you can change the appearance of many items contained on your pages. For instance, you can change a string’s style as follows:
• < font face="verdana" >< b >< i >Pork chops and applesauce< / i >< / b > < / font >
• You can go through an entire application and change the style of page elements using any of the appropriate HTML elements. You’ll quickly find that this method works, but it is tough to maintain. To make any global style changes to your application, this method requires that you go through your application line-by-line to change each item individually. This can get cumbersome very fast!
Applying Styles Directly to HTML Elements (INLINE)
External style sheet
• The meaning of creating the external style sheet means, your design information is in the style.css page and you are allowed call that style.css page into your .html (or .php) page.
• So in below screenshot I have take example of creating the external style sheet (style.css) and call that page into my .html or (.php) page.
• File :->NEW:->
• Style.CSS(PAGE)
Convert .HTML File to .PHP file In web based application now we required to convert the .html pages to .php pages. So for the php we need to place all the pages in to specific folder XAMPP>>HTDOCS>>FOLDER_NAME>>index.php.
Save As yours .html page to .php page in specific directory. Also copy your CSS file in to the specific directory of XAMPP.
Before we go in to the depth related to web based application, One question arise that if the designer will work and create the html designed paged then why we required to study on HTML so for this question I just want describe to you it is good for us that we (developer) have some knowledge of HTML and sometimes our company designer is busy in some work at that time we able to work on the pages. So for this resion we need to require to study about HTML.
Web Server: - A system on the internet contains one or more web site.
Web Site: - A collection of one or more web pages.
Web Pages: - Single file name
Home Pages: - First page in web site (Index.html)
And for the developer point of view our work is convert the .html file to .PHP file.
What is HTML?>/b>
• A series of tags that are integrated into a text
• TAGS:-
o Surrounded with angle brackets like this.
"<" ">"
o Most tags come in pairs
< p > < b > < li >...
o The first tag turns the action on, and the second turns it off.
o The second tag (switch off) starts with a forward slash. < b > ….Some Text…. < / b > o Not case sensitivity. Editor for HTML (PHP File):- • Use an Editor such as Dreamweaver to write the document and code.
Cascading Style Sheet (CSS)
CSS (Cascading Style Sheet) is basically used for the designing purpose, we can assign the style them to the element. The most rudimentary method of applying a defined look-and-feel to your page elements is to use various style-changing HTML elements such as < font >, < b >, and < i > directly.
• Using various HTML elements, you can change the appearance of many items contained on your pages. For instance, you can change a string’s style as follows:
• < font face="verdana" >< b >< i >Pork chops and applesauce< / i >< / b > < / font >
• You can go through an entire application and change the style of page elements using any of the appropriate HTML elements. You’ll quickly find that this method works, but it is tough to maintain. To make any global style changes to your application, this method requires that you go through your application line-by-line to change each item individually. This can get cumbersome very fast!
Applying Styles Directly to HTML Elements (INLINE)
External style sheet
• The meaning of creating the external style sheet means, your design information is in the style.css page and you are allowed call that style.css page into your .html (or .php) page.
• So in below screenshot I have take example of creating the external style sheet (style.css) and call that page into my .html or (.php) page.
• File :->NEW:->
• Style.CSS(PAGE)
Convert .HTML File to .PHP file In web based application now we required to convert the .html pages to .php pages. So for the php we need to place all the pages in to specific folder XAMPP>>HTDOCS>>FOLDER_NAME>>index.php.
Save As yours .html page to .php page in specific directory. Also copy your CSS file in to the specific directory of XAMPP.
No comments:
Post a Comment