Kegiatan-Hari-Ini

I am Red

I am Blue

HTML Styling

Every HTML element has a default style (background color is white, text color is black, text-size is 12px ...)
Changing the default style of an HTML element, can be done with the style attribute.
This example changes the default background color from white to lightgrey:

Example

<body style="background-color:lightgrey">

<h1>This is a heading</h1>

<p>This is a paragraph.</p>

</body>

	The bgcolor attribute, supported in older versions of HTML, is not valid in HTML5.

The HTML Style Attribute

The HTML style attribute has the following syntax:

style="property:value"

The property is a CSS property. The value is a CSS value.

	You will learn more about CSS later in this tutorial.

HTML Text Color

The color property defines the text color to be used for an HTML element:

Example

<!DOCTYPE html>
<html>

<body>
<h1 style="color:blue">This is a heading</h1>
<p style="color:red">This is a paragraph.</p>
</body>

</html>

HTML Text Fonts

The font-family property defines the font to be used for an HTML element:

Example

<!DOCTYPE html>
<html>

<body>
<h1 style="font-family:verdana">This is a heading</h1>
<p style="font-family:courier">This is a paragraph.</p>
</body>

</html>

	The <font> tag, supported in older versions of HTML, is not valid in HTML5.

HTML Text Size

The font-size property defines the text size to be used for an HTML element:

Example

<!DOCTYPE html>
<html>

<body>
<h1 style="font-size:300%">This is a heading</h1>
<p style="font-size:160%">This is a paragraph.</p>
</body>

</html>

HTML Text Alignment

The text-align property defines the horizontal text alignment for an HTML element:

Example

<!DOCTYPE html>
<html>

<body>
<h1 style="text-align:center">Centered Heading</h1>
<p>This is a paragraph.</p>
</body>

</html>

	The <center> tag, supported in older versions of HTML, is not valid in HTML5.

Chapter Summary

Use the style attribute for styling HTML elements
Use background-color for background color
Use color for text colors
Use font-family for text fonts
Use font-size for text sizes
Use text-align for text alignment

Test Yourself with Exercises!

Exercise 1 » Exercise 2 » Exercise 3 » Exercise 4 »

« Previous

Sumber : http://www.w3schools.com/html/html_styles.asp

Tutorial Tentang jQuery

20.26 Unknown No comments

Tutorial Tentang jQuery

jQuery is a JavaScript Library.
jQuery greatly simplifies JavaScript programming.
jQuery is easy to learn.

"Try it yourself" Examples in Each Chapter

With our online editor, you can edit the code, and click on a button to view the result.

Example

$(document).ready(function(){
$("p").click(function(){
$(this).hide();
});
});

Try it yourself »

Click on the "Try it yourself" button to see how it works.

jQuery Examples

Learn by examples! At W3Schools you will find a lot of jQuery examples to edit and test yourself.

jQuery Examples

jQuery Quiz Test

Test your jQuery skills at W3Schools!

jQuery Quiz

jQuery References

At W3Schools you will find a complete reference of all jQuery objects and methods.

jQuery Reference

Sumber : http://www.w3schools.com/jquery/default.asp

Tutorial Tentang PHP

19.15 Unknown No comments

Tutorial Tentang PHP

PHP is a server scripting language, and a powerful tool for making dynamic and interactive Web pages.
PHP is a widely-used, free, and efficient alternative to competitors such as Microsoft's ASP.

Easy Learning with "Show PHP"

Our "Show PHP" tool makes it easy to learn PHP, it shows both the PHP source code and the HTML output of the code.

Example

<!DOCTYPE html>
<html>
<body>

<?php
echo "My first PHP script!";
?>

</body>
</html>

Run example »

Click on the "Run example" button to see how it works.

PHP 5 References

At W3Schools you will find complete references of all PHP functions:

PHP 5 Quiz Test

Test your PHP skills at W3Schools!
Start PHP Quiz!

PHP 5 Exam - Get Your Diploma!

W3Schools' Online Certification

The perfect solution for professionals who need to balance work, family, and career building.
More than 10 000 certificates already issued!
Get Your Certificate »

The HTML Certificate documents your knowledge of HTML.

The HTML5 Certificate documents your knowledge of advanced HTML5.
The CSS Certificate documents your knowledge of advanced CSS.
The JavaScript Certificate documents your knowledge of JavaScript and HTML DOM.
The jQuery Certificate documents your knowledge of jQuery.
The PHP Certificate documents your knowledge of PHP and SQL (MySQL).
The XML Certificate documents your knowledge of XML, XML DOM and XSLT.