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.

SHARE THIS PAGE

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

Java Script

18.10 Unknown No comments

Tutorial Tentang Java Script

JavaScript Tutorial

JavaScript is the programming language of the Web.
All modern HTML pages are using JavaScript.
JavaScript is easy to learn.
This tutorial will teach you JavaScript from basic to advanced.

Examples in Each Chapter

With our "Try it Yourself" editor, you can change all examples and view the results.

Example

My First JavaScript

	We recommend reading this tutorial, in the sequence listed in the left menu.

Learn by Examples

Examples are better than 1000 words. Examples are often easier to understand than text explanations.
This tutorial supplements all explanations with clarifying "Try it Yourself" examples.

	If you try all the examples, you will learn a lot about JavaScript, in a very short time!

Why Study JavaScript?

JavaScript is one of the 3 languages all web developers must learn:
   1. HTML to define the content of web pages
   2. CSS to specify the layout of web pages
   3. JavaScript to program the behavior of web pages
This tutorial is about JavaScript, and how JavaScript works with HTML and CSS.

JavaScript Examples

This tutorial contains hundreds of examples!
The Complete List of JavaScript Examples

JavaScript References

W3Schools maintains a complete JavaScript reference, including all HTML DOM, and browser objects.
The reference contains examples for all objects, properties, and methods, and is continuously updated according to the latest web standards.
Complete JavaScript Reference

JavaScript Quiz Test

Test your JavaScript skills at W3Schools!
Start JavaScript Quiz!

JavaScript 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.

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

Css

18.06 Unknown No comments

Sedikit Pegertian Tentang CSS

CSS Tutorial

Save a lot of work with CSS!
In our CSS tutorial you will learn how to use CSS to control the style and layout of multiple Web pages all at once.

Examples in Each Chapter

This CSS tutorial contains hundreds of CSS examples.
With our online editor, you can edit the CSS, and click on a button to view the result.

CSS Example

body {
    background-color: #d0e4fe;
}

h1 {
    color: orange;
    text-align: center;
}

p {
    font-family: "Times New Roman";
    font-size: 20px;
}

Try it yourself »

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

CSS Examples

Learn from 200 examples! With our editor, you can edit the CSS, and click on a button to view the result.
Try-It-Yourself!

CSS Quiz Test

Test your CSS skills at W3Schools!
Start CSS Quiz!

CSS References

At W3Schools you will find complete CSS references of all properties and selectors with syntax, examples, browser support, and more.
CSS Properties Reference
CSS Selectors Reference
CSS Aural Reference
CSS Units
CSS Color Reference

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.

HTML, CSS, JavaScript, PHP, jQuery, XML, and ASP Certifications

WEB HOSTING

UK Reseller Hosting

WEB BUILDING

FREE Website BUILDER Free HTML5 Templates

W3SCHOOLS EXAMS

SHARE THIS PAGE

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

Html

18.02 Unknown No comments

Memahami Apa Itu HTML

HTML(5) Tutorial

With HTML you can create your own Web site.
This tutorial teaches you everything about HTML.
HTML is easy to learn - You will enjoy it.

Examples in Every Chapter

This HTML tutorial contains hundreds of HTML examples.
With our online HTML editor, you can edit the HTML, and click on a button to view the result.

Example

<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>

<body>

<h1>This is a Heading</h1>

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

</body>

</html>

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

Start learning HTML now!

HTML Examples

At the end of the HTML tutorial, you can find more than 200 examples.
With our online editor, you can edit and test each example yourself.
Go to HTML Examples!

HTML Quiz Test

Test your HTML skills at W3Schools!
Start HTML Quiz!

HTML References

At W3Schools you will find complete references about tags, attributes, events, color names, entities, character-sets, URL encoding, language codes, HTTP messages, and more.
HTML Tag Reference

HTML 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.