Webクリエイター能力認定試験(初級)
サーティファイが実施するWebクリエイター能力認定試験初級対応テキストから要点を抜き出したものです。
あくまで書籍の内容の要約でありWebクリエイター能力認定試験初級用のものです。文法的な正確さや使用の適切さなどは考慮していません。
また、Webクリエイター能力認定試験初級の合格を保証するものでもありません。
| HTML | |
|---|---|
| 段落 | <p></p> |
| 水平線 | <hr> |
| リンク(別ファイル) | <a href=”ファイル名”></a> |
| マーカー | <a name=”マーカー名”></a> |
| メールが送られる | <a href=”mailto:メールアドレス”></a> |
| 画像の代替文字,幅,高さ | <img src=”ファイルパス” alt=”代替文字” width=”幅” height=”高さ”> |
| ※属性値は””(ダブルクォーテーション)で囲む。幅、高さの値にpxは不要 | |
| 行頭記号付リスト | <ul></ul> |
| 行頭番号付リスト | <ol></ol> |
| リストの項目 | <li></li> |
| 見出しセル | <th></th> |
| 改行 | <br> |
| CSS | |
| 文字色 | color: |
| 背景色 | background-color: |
| 背景イメージ | background-image:url(“ファイルパス”); |
| ※ファイルパスはフォルダ名/ファイル名の場合あり。”images/rose.jpg” | |
| 背景位置 | background-position:水平位置垂直位置left/center/righttop/center/bottom |
| 背景繰り返し | background-repeat:repeat/repeat-x/repeat-y/no-repeat |
| 文字列の太さ | font-weight: |
| フォントの種類 | font-family: |
| フォント名は通常”(ダブルクォーテーション)で囲む。総称フォントファミリーには不要 | |
| フォントサイズ | font-size: |
| 未アクセスのリンク | a:link{} |
| アクセス済みリンク | a:visited{} |
| ポイント時のリンク | a:hover{} |
| クリック時のリンク | a:active{} |
| マージン | margin: |
| 回り込み | float:left/right |
| 回り込みの解除 | clear:left/right/both/none |
| 枠線のスタイル | border-style: |
| 枠線の太さ | border-width: |
| 枠線の色 | border-color: |
| 幅 | width: |
| 内容と枠線の間隔 | padding: |
| 水平方向位置 | text-align:left/center/right/justify |
| 問題文 | |
| 段落に設定 | <p></p>で囲む |
| 見出し(1)に設定 | <h1>見出し1の場合は</h1>で囲む |
| 文字列にクラスを設定 | <p class=”クラス名”> |
| 見出し(1)にクラスを設定 | <h1 class=”クラス名”> |
| CSSファイルへの参照の設定 | <link rel=”stylesheet”type=”text/css”href=”CSSファイル名”> |
| ○行×△列のテーブルを作成 | <table></table>の中に<tr></tr>を○回、その中に<td></td>を△回 |
| テーブルタイトルを設定 | <table>の次に<caption>テーブルタイトル</caption> |
| ページのタイトル | <head></head>の間に<title>ページタイトル</title> |
| イメージにリンクを設定 | <a href=~(以下省略)><img src~(以下省略)></a> |
- cssの属性値にはtop、right、bottom、leftを-(ハイフン)で結合して使用するものもあります。
- 例)margin-top:
- HTMLのwidth="200"などのときはpxは不要。CSSのwidth:200px;と混同しない。
- 画像の拡張子を思い込みでgif、jpgに決め打ちしない。
- <link><hr><br>は終了タグはありません。
- クラスや属性は開始タグに記述する。<h1 class="クラス名">
- ブラウザの幅によってサンプルと同じに見えないことがある。(ブラウザの幅を調整して確認)
- CSSセレクタはHTMLの要素の場合はそのまま、クラスは.(ピリオド)、IDは#(ハッシュ)を付ける。
- CSSの中括弧の閉じ忘れ、コロンとセミコロンの間違い、16進数色指定の#の付け忘れに注意