Skip to content

Instantly share code, notes, and snippets.

View kaoru-fukusato's full-sized avatar

かおちんサポート・メモ帳 kaoru-fukusato

View GitHub Profile
@kaoru-fukusato
kaoru-fukusato / HTML Headings
Last active March 12, 2018 13:16
コピペで学べるプログラミング基本1-1
View HTML Headings
<h1>This is a heading</h1>
<h2>This is a heading</h2>
<h3>This is a heading</h3>
<h4>This is a heading</h4>
<h5>This is a heading</h5>
<h6>This is a heading</h6>
@kaoru-fukusato
kaoru-fukusato / What is HTML?
Last active March 12, 2018 14:07
コピペで学べるプログラミング基本1-2
View What is HTML?
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<h1>This is a Heading</h1>
<p>This is a paragraph.</p>
@kaoru-fukusato
kaoru-fukusato / HTML Colors
Created March 12, 2018 14:17
コピペで学べるプログラミング基本1-3
View HTML Colors
<h2 style="background-color:red">
Background-color set by using red
</h2>
<h2 style="background-color:orange">
Background-color set by using orange
</h2>
<h2 style="background-color:yellow">
Background-color set by using yellow
@kaoru-fukusato
kaoru-fukusato / HTML Block and Inline Elements
Created March 12, 2018 14:26
コピペで学べるプログラミング基本1-4
View HTML Block and Inline Elements
<div style="background-color:black; color:white; padding:20px;">
<h2>あれこれ</h2>
<p>あれこれ、あれこれ、あれこれ。あれこれ、あれこれ、あれこれ。あれこれ、あれこれ、あれこれ。</p>
<p>あれこれ、あれこれ、あれこれ。あれこれ、あれこれ、あれこれ。あれこれ、あれこれ、あれこれ。</p>
</div>
@kaoru-fukusato
kaoru-fukusato / HTML Fonts
Created March 12, 2018 14:32
コピペで学べるプログラミング基本1-5
View HTML Fonts
<h1 style="font-family:verdana;">This is a heading</h1>
<p style="font-family:courier;">This is a paragraph.</p>
@kaoru-fukusato
kaoru-fukusato / HTML Images
Created March 12, 2018 14:37
コピペで学べるプログラミング基本1-6
View HTML Images
<img src="画像のファイル名" alt="画像の説明" width="幅" height="高さ">
@kaoru-fukusato
kaoru-fukusato / HTML Iframes
Created March 13, 2018 03:12
コピペで学べるプログラミング基本1-7
View HTML Iframes
<iframe src="URL"></iframe>
@kaoru-fukusato
kaoru-fukusato / HTML em Elements
Created March 13, 2018 03:20
コピペで学べるプログラミング基本1-8
View HTML em Elements
<p>This text is normal.</p>
<p><em>This text is emphasized</em>.</p>
@kaoru-fukusato
kaoru-fukusato / HTML JavaScript
Created March 13, 2018 03:41
コピペで学べるプログラミング基本1-9
View HTML JavaScript
<!DOCTYPE html>
<html>
<body>
<h1>My First JavaScript</h1>
<button type="button" onclick="myFunction()">Click Me!</button>
<p id="demo">This is a demonstration.</p>
@kaoru-fukusato
kaoru-fukusato / HTML JavaScript 1文字ずつ表示する
Created March 13, 2018 03:47
コピペで学べるプログラミング基本1-10
View HTML JavaScript 1文字ずつ表示する
<script type="text/javascript"><!--
myMsg = "いらっしゃいませ こんにちは!";
myCnt = 0;
function myFunc(){
document.myForm.myFormMes.value = myMsg.substring( 0 , myCnt ) + "_";
myCnt = ( myCnt == myMsg.length ) ? 0 : myCnt+1;
}
// --></SCRIPT>