# Webページを構成する要素
## Webページを構成する要素
WebページはHTML, JavaScript, CSSを用いて実装されます。それぞれのサンプルを示します。
### [HTML](https://ja.wikipedia.org/wiki/HyperText_Markup_Language)
HTMLタグを組み合わせてページの構造を表すドキュメント
```markup
Document
Hello world
```
### [CSS](https://ja.wikipedia.org/wiki/Cascading_Style_Sheets)
HTMLタグ毎にスタイル(見た目)を指定するための仕組み
```css
h1 {
color: red;
font-size: 48px;
}
```
### [JavaScript](https://ja.wikipedia.org/wiki/JavaScript)
ブラウザ上で実行出来るスクリプト言語。HTMLタグを組み替えたり、ユーザのインタラクション(例: クリック)に応じた操作を作ることが出来る。
```javascript
console.log("Hello world");
```
これらを組み合わせてブラウザで表示すると、こういった結果となります。
次のページでは、これらを組み合わせて実際に動くボタンの **Component(コンポーネント = 要素)** を作るところから試していきます。