THE WORLD'S LARGEST WEB DEVELOPER SITE

HTML

Web ページを構築するための言語

<!DOCTYPE html>
<html>
<title>HTML Tutorial</title>
<body>

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

</body>
</html>

Try it Yourself

CSS

Web ページをスタイルするための言語

CSS CSS リファレンス

body {
    background-color: #d0e4fe;
}
h1 {
    color: orange;
    text-align: center;
}
p {
    font-family: "Times New Roman";
    font-size: 20px;
}

Try it Yourself

JAVASCRIPT

Web ページのプログラミング言語

JAVASCRIPT JAVASCRIPT リファレンス

// Click the button to change the color of this paragraph

function myFunction() {
    var x;
    x = document.getElementById("demo");
    x.style.fontSize = "25px";
    x.style.color = "red";
}

Try it Yourself

W3.CSS

レスポンシブなサイト構築のためのフレームワーク

W3.CSS W3.CSS リファレンス

<div class="w3-container w3-teal">
    <h1>My Header</h1>
</div>

<img src="img_car.jpg" alt="Car" style="width:100%">

<div class="w3-container">
    <p>A car is a wheeled, self-powered motor vehicle used for transportation.</p>
</div>

<div class="w3-container w3-teal">
    <p>My Footer</p>
</div>

Try it Yourself