2012-11-01から1ヶ月間の記事一覧
JISX8341-3アクセシビリティ 高齢者や障害者などハンディを持つ人に、どの程度利用しやすいかという意味で使われることが多い。 IT用語辞典 8841(ヤサシイ) JIS詳細表示 富士通 JIS X 8341-3:2010 対応発注ガイドライン 2012年8月版ウェブアクセシビリティ基…
ソースコード <html lang="ja"> <head> <meta charset="UTF-8"> <title></title> <style> body { background-color: #8fdc8b; } h1 { font-size: 26px; color: #ffffff; } h2 { font-size: 20px; color: white; padding-lwft: 10px; background-color: #bc8f8f; } p { font-size: 16px; line-height: 2em; paddin…</meta></head></html>
時間の節約をする。上書き編 文字入力の際少しでも時間の節約を！ （例）名前の登録時などアクティブになっている表示はそのまま上書きをする Web標準を覚える 仕事にするための基本 検索エンジン対策 keyword の重要性 <title>キーワード | キーワード</title> body 直下…
基本設定 margin , padding を使用しないときのデフォルト表示 ソースコード <html lang="ja"> <head> <meta charset="UTF-8"> <title>今日の天気</title> <style> body { background-color: #ccc; } h1 { color: #fff; background-color: #00bec4; width: 500px; } </style> </head> <body> <h1>1月27日快晴</h1> <p>ここしばらくは、天気がよくても寒く感じます</p></body></html>…
ソースコード <html> <head> <meta charset="UTF-8"> <title>CSS課題01</title> <style> h1 { color: #12898F; } h3 { color: #fff; font-size: 1.5em; background-color: #036; width: 250px; /* コンテナ内の単体指定はあまりしない */ padding: 3px 0; } p { color: #036; } </style> </head> <body> <h1>style要素</h1> <h3>style …</h3></body></html>
ミダス王とはマイダス王のこと ギリシア神話の中でミダース（Midas）は、プリュギア（Phrygia）の都市ペシヌス（Pessinus）の王。長母音を省略してミダスとも表記される。 日本人はカタカナやローマ字読み発音する為違いから生まれた ヨーロッパの城の日本人…
枠線の基本（３×３） ソースコード <table border="1" width="500"> <tr> <td>１</td><td>２</td><td>３</td> </tr> <tr> <td>４</td><td>５</td><td>６</td> </tr> <tr> <td>７</td><td>８</td><td>９</td> </tr> </table> 枠線表示 １２３ ４５６ ７８９ rowspan を使う ソースコード <table border="1" width="500"> <tr> </tr></table>
[ index.html ]データー ソースコード <html lang="ja"> <head> <meta charset="UTF-8"> <title>私の好きな漫画</title> </head> <body> <h1>コミック・ラノベ・BL</h1> <p>レーベル別で探せる ライトノベルストア、 円高還元 洋書 Comics & Graphic Novels もチェック。</p> <p><a href="sample/sample.html">sampleページへ移動</a></p></body></html>
（1）URLとは URLとは［ Uniform Resource Locator（ユニホーム・リソース・ロケイター） ］の略で［ ウェブサイトの住所（アドレス） ］を示す場所です。 URLには、［ 絶対パス ］と［ 相対パス ］の２通りの指定方法があります。 「http://」は、［ HyperT…
Let's Go! 経験者用課題 ソースコード <html lang="ja"> <head> <meta charset="UTF-8"> <title>THML基本構造</title> <style> #container{ width:400px; margin:50px auto 0 auto; padding:15px 20px; background-color:#dbdbdb; } #header{ margin:10px 0 15px; padding:10px; background-color:#56c25f; } #content{ hei…</meta></head></html>
ブラウザの表示 HTML5表示に適しているのはChrome(Google Chrome[グーグルクローム])。 HTMLの基本表示に適しているのはFirefox(Mozilla Firefox[モジラファイアーフォックス])。 target=”_blank”（ターゲットブランク） 新規ウィンドウ（タブ）を開く ブラ…
番号なしリスト ソースコード <html lang="ja"> <head> <meta charset="UTF-8"> <title>ul</title> </head> <body> <h1>大見出し</h1> <p>本文本文本文本文本文本文本文</p> <p><a href="http://google.com" target"_blank"><img src="glass.jpg" width="400" height="250" alt="眼鏡"></a></p> <h2>新商品の特徴</h2> <ul> <li>PC操作時に最適</li> <li>…</li></ul></body></html>
ソースコード <html lang="ja"> <head> <meta charset="UTF-8"> <title>これからＷｅｂ制作をするために勉強しなければいけないこと</title> </head> <body> <h1>これからＷｅｂ制作をするために勉強しなければいけないこと</h1> <p>勉強を始めるにはＷｅｂ制作の現場で使われる専門用語を理解する必要があります。どの言葉ひとつとっても初心者に</p></body></html>…
「続きを読む」記法を表示させる 内容が長い場合などに一見出しの内容を途中で区切ることができる ソースコード ==== ここまで本文（ほんもん）です。
別ページでリンクを開く テキストリンクと画像リンク テキストリンクのサンプル Googleの検索はこちらから 画像リンクのサンプル ソースコード <html lang="ja"> <head> <meta charset="UTF-8"> <title>link</title> </head> <body> <h1>大見出し</h1> <p>本文本文本文本文本文本文本文</p> <p>Googleの検索は<a href="http://google.com" target="_blank">こちら</a>から</p> <p></p></body></html>
ソースコード <html lang="ja"> <head> <meta charset="UTF-8"> <title>画像の表示</title> </head> <body> <h1>大見出し</h1> <p>本文本文本文本文本文本文</p> <p><img src="glass.jpg" width="400" height="250" alt="眼鏡"> </p> </body> </html> ブラウザで表示
ソースコード <html> <head> <title>今日の料理</title> </head> <body> <h1>今日の献立</h1> <p>今日は、子供よも大人も好きなカレーを作ろうと思います。</p> <ul> <li>カレーの材料</li> <li>カレー･ルー</li> <li>豚肉</li> <li>じゃがいも</li> <li>たまねぎ</li> <li>にんじん</li> </ul> </body> </html> ブラウザでの表示
本文（ほんもん） ソースコード <html lang="ja"> <head> <meta charset="UTF-8"> <meta name ="description" content="ページの内容を説明する文章"> <meta name="keywords" content="キーワード１,キーワード2,キーワード3"> <title>ホームページ</title> </head> <body> <h1>結論:大見出し</h1> <p>要約</p> <h2>結論:検証</h2> <p>解説</p> <ul> <li>検証の項目</li> <li>検証の…</li></ul></body></html>
HTML5の基本構造 ソースコード <html lang="ja"> <head> <meta charset="UTF-8"> <title>タイトル</title> </head> <body> <p>本文（ほんもん）</p> </body> </html> description と keywords meta要素に組み込んだソースコード <html lang="ja"> <head> <meta charset="UTF-8"> </meta></head></html>
HTMLの骨組み ソースコード <html lang="ja"> <head> <meta charset="UTF-8"> <title>タイトル</title> </head> <body> <p>本文（ほんもん）</p> </body> </html> Firefox,Chrome のブラウザで表示する
見出しの種類とその見え方 *（アスタリスク）を使い定義付け ソースコード *大見出し 本文本文本文本文本文本文本文本文本文本文本文本文本文本文 **中見出し 本文本文本文本文本文本文本文本文本文本文本文本文本文本文 ***小見出し 本文本文本文本文本文本…
埋め込みスタイルシート [ head ]〜[ /head ]内に[ style ]〜[ /style ]を入れる ソースコード <html lang="ja"> <head> <title>初めてのスタイルシート</title> <style> h1 { color: #ff0000; font-size: 2.0em; } /* 16pxが基準値となる大きさ */ /* [em]（エン）は基準値を１とする大きさ */ </style> </head> <body> <h1>大見</h1></body></html>…
ソースコード <html lang="ja"> <head> <meta charset="UTF-8> <meta name="description" content="演習課題 <title>head内の記述</title> <link rel="stylesheet" href="favicon.icon"> </meta></head></html>
ソースコード <html lang="ja"> <head> <meta charset="UTF-8"> <title>body内の記述</title> </head> <body> <h1>大見出し</h1> <p>本文本文本文本文本文本文本文本文</p> <p>改行ありの本文本文<br>本文本文本文本文</p> </body> </html> ブラウザで表示
ソースコード <html> <head> <title>今日の料理</title> </head> <body> <h1>今日の献立</h1> <p>今日は、子供よも大人も好きなカレーを作ろうと思います。</p> <ul> <li>カレーの材料</li> <li>カレー･ルー</li> <li>豚肉</li> <li>じゃがいも</li> <li>たまねぎ</li> <li>にんじん</li> </ul> </body> </html> ブラウザでの表示
本文（ほんもん） ソースコード <html lang="ja"> <head> <meta charset="UTF-8"> <meta name ="description" content="ページの内容を説明する文章"> <meta name="keywords" content="キーワード１,キーワード2,キーワード3"> <title>ホームページ</title> </head> <body> <h1>結論:大見出し</h1> <p>要約</p> <h2>結論:検証</h2> <p>解説</p> <ul> <li>検証の項目</li> <li>検証の…</li></ul></body></html>
HTML5の基本構造 ソースコード <html lang="ja"> <head> <meta charset="UTF-8"> <title>タイトル</title> </head> <body> <p>本文（ほんもん）</p> </body> </html> description と keywords meta要素に組み込んだソースコード <html lang="ja"> <head> <meta charset="UTF-8"> </meta></head></html>
HTML5の基本となる骨組み <html lang="ja"> <head> <meta charset="UTF-8"> <title>タイトル</title> </head> <body> 本文（ほんもん） </body> </html> タグの説明 <html lang="ja"> <meta charset="UTF-8"> <title>タイトル</title> </meta></html>
スーパーpre記法 単色で表示される 指定方法 >|| この間に記述したソースコードが表示される ||（表示例） <html lang="ja"> <head> <meta charset="UTF-8"> <title>タイトル</title> </head> <body> 本文 </body> </html> スーパーpre記法（シンタックス・ハイライト） 色分けされて表示される 指定方法 >|ここにファイルタイプを指定[html] | この…
大見出し 小見出し 番号なし箇条書き 番号なし箇条書き 番号なし箇条書き 番号なし箇条書き 番号付き箇条書き 番号付き箇条書き 番号付き箇条書き 番号付き箇条書き ソースコード *p2*[授業]記事タイトル **大見出し ***小見出し -番号なし箇条書き -番号な…
