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

## 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>

## 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>


## 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

## HTML Block and Inline Elements
<div style="background-color:black; color:white; padding:20px;">

<h2>あれこれ</h2>

<p>あれこれ、あれこれ、あれこれ。あれこれ、あれこれ、あれこれ。あれこれ、あれこれ、あれこれ。</p>
<p>あれこれ、あれこれ、あれこれ。あれこれ、あれこれ、あれこれ。あれこれ、あれこれ、あれこれ。</p>

</div>

## HTML Fonts
<h1 style="font-family:verdana;">This is a heading</h1>
<p style="font-family:courier;">This is a paragraph.</p>

## HTML Images
<img src="画像のファイル名" alt="画像の説明" width="幅" height="高さ">

## HTML Iframes
<iframe src="URL"></iframe>

## HTML em Elements
<p>This text is normal.</p>

<p><em>This text is emphasized</em>.</p>

## 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>

## 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>
	<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>
	<!DOCTYPE html>
	<html>
	<head>
	<title>Page Title</title>
	</head>
	<body>

	<h1>This is a Heading</h1>
	<p>This is a paragraph.</p>
	<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
	<div style="background-color:black; color:white; padding:20px;">

	<h2>あれこれ</h2>

	<p>あれこれ、あれこれ、あれこれ。あれこれ、あれこれ、あれこれ。あれこれ、あれこれ、あれこれ。</p>
	<p>あれこれ、あれこれ、あれこれ。あれこれ、あれこれ、あれこれ。あれこれ、あれこれ、あれこれ。</p>

	</div>
	<h1 style="font-family:verdana;">This is a heading</h1>
	<p style="font-family:courier;">This is a paragraph.</p>
	<p>This text is normal.</p>

	<p><em>This text is emphasized</em>.</p>
	<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>