<●●>(開始タグ)～</●●>(終了タグ)という形を作りその間に命令を書く
<html>HTML文書であることを示す
最初に<html>最後に</html>と記述
内部に<head></head> <body></body>がひとつづつ入る
<head>文書全体の基本的情報（ヘッダ情報）を定義
<title> <meta> ,<link>はこのなかに入る
<title>ブラウザに表示されるサイトのタイトル
<title>WebIOpi</title>
<meta>文字コードなどサイトのメタ情報を設定
文字コードを“UTF-8”に指定 <meta charset=”uft-8”> 終了タグなし
<link>指定した文書を参照する “style.css”という外部ファイルを参照
<link rel=”stylesheet” href=”style.css” type=”text/css”> 終了タグなし
<body>コンテンツの中身を記述
<header>HTML5から追加されたタグ
Webサイトの先頭部分に記述
サイトのタイトルやメインの説明文、ナビゲーションなど
<footer> HTML5から追加されたタグ
Webサイトの一番下部分に記述
サイトに関する情報、著作権に関する記述、連絡先
<p>段落を作成
<p>・・・・・</P> <p>・・・・・</p> で２つの段落に分けられる
<h1~h6> h１=最大 ｈ６＝最小
見出し作成の際に使用
<h1 見出し h1>
<img>画像貼り付け img_1.png の貼り付け
配置や大きさはcssで設定
<img src=”img_1.png”> 終了タグなし
<a>他ﾍﾟｰｼﾞへのﾘﾝｸ、指定したﾒｰﾙｱﾄﾞﾚｽへの送信
開始タグで属性を指定
タグ内にテキストや画像を入れる
ﾘﾝｸ <a href=”address”>ﾘﾝｸ</a>
<ol>order listの略 順番のあるリストの作成
記号や数字の種類はtype属性で指定
大文字アルファベット順リスト（type属性”A”）
<ol type=”A”>
A.項目1 <1i>項目１</1i>
B.項目2 <1i>項目２</1i>
C.項目3 <1i>項目３</1i>
</ol>
<ul>under listの略
順番のないリストの作成 記号や数字の種類はtype属性で指定
四角マークによる順序なしリスト（type属性;”square”） <ul type=”square”>
■項目１ <1i>項目１</1i>
■項目２ <1i>項目２</1i>
■項目３ <1i>項目３</1i>
</ul>
<li>list itemの略
<ol>～</ol> <ul>～</ul>内に記述
<table>表の開始を示す
内部に<tr> <td> <th>が入る
border属性に“１”を指定することで枠線が表示 色・大きさはcssで設定
<tr>table rowの略
テーブルの行に使用 このタグ使用分の行が追加される
<td>table dataの略 テーブルのセルに使用
<th>table headeの略 テーブルの見出しのセルに使用
見出し１ | 見出し２ | 見出し３ |
内容 | 内容 | 内容 |
内容 | 内容 | 内容 |
<table border=”1”>
<tr>
<th>見出し１</th>
<th>見出し２</th>
<th>見出し３</th>
</tr>
<tr>
<td>内容</td>
<td>内容</td>
<td>内容</td>
</tr>
</table>
|
<form>フォームの作成 複数行のテキストが入力可能な<textarea>をしようしたフォーム
<form action=”result.php” method=”post”>
<p>
<textarea name=”text” cols=”60” rows=”4”>
テキストを入力して下さい
<textarea>
</p>
<p>
<input type=”submit” value=”送信”>
</p>
</form>
<input>テキスト入力爛や実行ボタン等、<form>の部品を制作
type属性の値で一行テキストボックス・ラジオボタン・実行ボタン・
リセットボタン等の属性を指定できる
<input type=”radio” name=”couere” value=”wordpress”>wordpress
<button>ボタンを作成
ボタン上のテキスト・画像変更が可能 type属性に
Submit(送信ボタン),reset(リセットボタン),button(普通のボタン)を指定
<button type=”submit” value=” 送信 “>
<select>セレクトボックスを作成
プルダウン式で選択肢を表示
<select name=”course”>
<option value=”A”>A</option>
<option value=”B”>B</option>
<option value=”C”>C</option>
</select>
<label> <form>の部品とその項目名を関連付けるための要素
<label>
<input type=”checkbox” name=”fan” value=”プログラミング>プログラミング
</label>
<!_ _> 囲まれた部分がコメントになりブラウザ上では表示されない
<!_ _>ここは表示されない_ _ >
回胴式遊戯機技術研究会はパチスロの入出力信号を調べて、オシロスコープで波形をみて、その通りの疑似信号を出力するマイコンプログラムを作成して、回路にのせて、パチスロのメダル不要回路を作成して、卒業の技術講習(有料）を開講しています。
この機会に、パチスロの基礎から学んで、アミューズメント仕様パチスロの技術を身につけてみませんか？
受講受付中！！
ご不明の点はご遠慮なくお尋ね下さい。存じ上げていることは丁寧にご案内させていただきます。
