webクリエイター試験HTML編 Ss

背景
投稿者投稿者ひろいいね9お気に入り登録1
プレイ回数3170難易度(4.6) 2136打 長文
webクリエイター試験上級までカバー
webクリエイター試験を受験するために練習用として作成しました。
不具合、改善、提案等ありましたら連絡ください。

関連タイピング

問題文

ふりがな非表示 ふりがな表示

(<html><head><title><body>)

HTMLの一般定義

(<h1></h1><h2></h2><h3></h3>)

見出し1~3まで

(<strong></strong>)

文字列を強調する(emより強い強調)

(<b></b>)

文字列ボールドに(太字)表示する。

(<i></i>)

文字列をイタリック(斜体)表示する。

(<sup></sup>)

文字列を上付き文字として表示する。

(<sub></sub>)

文字列を下付き文字として表示する。

(<pre></pre>)

改行や空白など入力されたままの状態で表示する。

( )

改行なしの空白。

(<p></p>)

段落を作成する。

(<br>)

強制的に改行する。

(<hr>)

水平線(区切り線)を指定する。

(<a href=””></a>)

リンクを作成する。

(<a href=”#top”></a>)

同じHTML文書のマーカー位置へのリンクを作成する。

(<a href=”index.html#top”></a>)

別のHTML文書のマーカー位置へのリンクを作成する。

(<a name=”top”></a>)

マーカー名を指定する。

(<a href=”mailto:”></a>)

HTML文書内にメールを送信するホットテキストを設定する。

(<!-- -->)

コメント

(<img src=”” alt=”” width=”” height=””>)

指定したイメージデータをインライン表示する。

(<ul></ul>)

行頭記号リストを作成する。

など

(<ol></ol>)

番号付きリストを作成する。

(<li></li>)

リスト項目を指定する。

(<table><tr><th></th><td></td></tr></table>)

テーブルの基本形

(<table border=”” width=””></table>)

テーブル

(<tr align=”left center right”></tr>)

テーブルの行(セル内容の水平方向位置を指定する)

(<tr valign=”top middle bottom baseline”></tr>)

テーブルの行(セル内容の垂直方向位置を指定する)

(<th align=”left center right”></th>)

見出しセル(セル内容の水平方向位置を指定する)

(<th valign=”top middle bottom baseline”></th>)

見出しセル(セル内容の垂直方向位置を指定する)

(<th rowspan=”” colspan=””></th>)

見出しセルの結合

(<td align=”left center right”></td>)

データセル(セル内容の水平方向位置を指定する)

(<td valign=”top middle bottom baseline”></td>)

データセル(セル内容の垂直方向位置を指定する)

(<td rowspan=”” colspan=””></td>)

データセルの結合

(<caption></caption>)

テーブルにタイトルを付加する

(<table cellpadding=”” cellspacing=””></table>)

テーブル

(<link rel=”stylesheet”href=”base.css”type=”text/css”>)

スタイルシート(base.css)をHTML文書に読み込む。

(<style type=”text/css”><!-- --></style>)

HTML文書の<head>内でスタイルを指定する。

(<div class=””></div>)

要素をclassでボックス要素にグループ化する。

(<div id=””></div>)

要素をidでボックス要素にグループ化する。

(<span class=””></span>)

要素をclassでインライン要素にグループ化する。

(<span id=””></span>)

要素をidでインライン要素にグループ化する。

(<img src=”” usemap=”#” width=”” height=””>)

イメージにクリカッブルマップを関連付ける。

(<map name=””><area shape=”” coords=””></map>)

クリッカブルマップの作成と詳細指定。

(<area shape=”rect” coords=”a,b,c,d” href=”” alt=””>)

クリッカブルマップ(長方形のリンク)

(<area shape=”circle” coords=”a,b,c” href=”” alt=””>)

クリッカブルマップ(円のリンク)

(<area shape=”poly” coords=”” href=”” alt=””>)

クリッカブルマップ(多角形のリンク)

(../back.gif)

ひとつ上の階層にあるイメージを指定。

(../images/photo.jpg)

ひとつ上の階層のフォルダにあるイメージを指定。

(<object data=”” type=”” width=”” height=””></object>)

オブジェクトを挿入する。

(type=”application/x-shockwave-flash”)

オブジェクト(Flashファイルを挿入する場合のtypeの値)

(type=”video/x-msvideo”)

オブジェクト(AVIファイルを挿入する場合のtypeの値)

(<param name=”” value=””>)

パラメーターを指定する。

(<p><object><param></object></p>)

オブジェクトとパラメーターの記述。

(<param name=”src” value=”movie/anime.swf”>)

オブジェクトを表示・再生するときに必要なパラメーターの値

(<param name=”autostart loop” value=”true false”>)

オブジェクトを表示・再生するときに必要なパラメーターの値

(<form><p><input type=”” name=””></p></form>)

フォームの形

(<form action=”” method=”” enctype=””></form>)

フォーム(ファイルのパス・転送方法・データ形式)を指定。

(<input type=”text”name=””size=””maxlength=””value=””>)

テキストボックスを作成する。

(text password checkbox radio)

<p><input type="種類"><p> typeの種類 -1-

(submit reset image file hidden)

<p><input type="種類"><p> typeの種類 -2-

(<input type=”password”name=””size=””maxlength=””value=)

パスワード入力ボックスを作成する。

(<input type=”checkbox”name=””value=””checked>)

チェックボックスを作成する。

(<input type=”radio”name=””value=””checked>)

ラジオボタンを作成する。

(<input type=”submit”name=””value=””>)

送信ボタンを作成する。

(<input type=”reset”name=””value=””>)

リセットボタンを作成する。

(<input type=”image”name=””src=””alt=””>)

イメージの送信ボタンを作成する。

(<input type=”file”name=””size=””>)

ファイル名入力ボックスを作成する。

(<input type=”hidden”name=””value=””>)

不可視フィールドを作成する。

(<select name=””><option value=””></option></select>)

選択リストの形

(<option=”” value=”” selected></option>)

選択項目を定義する。

(<select name=”” size=”” multiple></select>)

リストボックスの作成

(<textarea name=”” cols=”” rows=””></textarea>)

テキストエリアを作成する。

問題文を全て表示 一部のみ表示 誤字・脱字等の報告

ひろのタイピング

オススメの新着タイピング

タイピング練習講座 ローマ字入力表 アプリケーションの使い方 よくある質問

人気ランキング

注目キーワード