HTML

主要タグ一覧

※ タグだけわざとかな入力にしています

実際に入力するときは英数でお願いします

＜!DOCTYPE html＞!DOCTYPE宣言

＜html＞webの骨組みの始まり

＜style＞webサイトの見た目(主にcss)

＜title＞webサイトのタイトル

＜li＞箇条

上とかしたの箇条ね

＜div＞使い方は色々(ぐぐって)

＜br＞改行

＜hr＞細い横線

＜li＞箇条

＜h1~6＞見出し

＜p＞文字

実際の表示

＜meta charset="UTF-8"＞文字化け防止

＜body＞ボディ

＜script＞javascript

＜a＞URLに飛べるよん

＜button class="btn close-btn" onclick="関数()">閉じる/button＞ボタン

＜head＞ヘッダー

＜h3⇐例＞＜span style="color:#カラーコード;"＞文字＜/span＞＜/h3＞

＜script src="ファイル名"＞＜/script＞scriptCodesをファイルから読み込む

＜input type="password" id="admin-code" placeholder="コードを入力"＞

　　　　　

Javascript

主要Codes一覧

関数呼び出し

HTML側

＜button class="btn close-btn" onclick="6767()">実行＜/button＞

script側

function 676767() {
alert("関数呼出し成功!!");
}

解説

サイトが起動され、[実行]というボタンを押したら6767()という関数を呼ぶ
それをscript側で受け取り、アラートで「関数呼出し成功!!」と伝える

変数宣言(let)

script側

let b = 5;

解説

サイトが起動されたらすかさずbという変数を作り値を5にする。

複文

script側

{
let a = 5;
let b = 1;
let c = 7;
}

解説

{...}で囲むことにより1つの文として成立させることができる。

繰り返し(while)

script側

let h = 0;
while (h<10{alert("hello woold"));
h++
}

解説

Scratchと同じでhが10より小さいときだけhello wooldと言う

再起関数

HTML側は省略します

script側

function Factoral(n) {
if (n<=1){
alert("階乗は0です。");
}

解説

[Factoral(n)]という関数が呼び出されたとき、もしn=1ならアラートで「階乗は0です。」というプログラム。

条件分岐(if)

script側

x = 1;
if(x<10){
alert("小さい")
} else{
alert ("大きい")
}

解説

はじめにxという変数を作成し値は1に設定
次にifでxが10より小さければアラートで「小さい」と表示させる
else(でなければ)ならアラートで「大きい」と表示させる

CSS

主要CSSCodes一覧

※ cssを入力するときは必ず＜style＞で囲んでください

そうしないと動作しません

背景見た目

css

body{
background-color: #カラーコード;
}