Web学習 【18】 Webクリエイター能力認定試験 全範囲HTML&CSS

更新
2015年01月06日(火)

本文を追記欄に移動

Webクリエイター能力認定試験 全範囲HTML&CSS

 Webクリエイター能力認定試験用に初級・上級それぞれのHTML&CSSをまとめていました。

 慣れてくると初級・上級の区別が不要になってくるので、全ての範囲をまとめてみました。

 正確な試験範囲を知りたい方は、公式サイトの「HTMLリファレンス」から、対応試験のPDFファイルをダウンロードして確認してみてください。

 私はこれをタイピングソフト『タイプウェルFT』の問題作成機能を使って練習しています。この練習法は主にスペルミス・タイプミスを減らすことと、閉じタグや記号の打ち忘れを防止するのに役立つと思います。

タイプウェルFT ver10029_2014-1-20_13-50-37_No-00

 特に試験でテキストエディタを利用する場合には、スペルミス・タイプミスを無くすことが重要だと思われます。

HTML

 初級と上級を全て含めた内容です。内容を編集しシンプルにしました。(追記)フレームセットは範囲外なので削除してください。

<html lang="ja"></html>
<head></head>
<title></title>
<link rel="" type="" href="">
<link rel="stylesheet" type="text/css" href=".css">
<style type=""></style>
<style type="text/css"><!-- --></style>
<base target="_blank/_self">
<body></body>
 
<div id="" class="" style=""></div>
<span id="" class="" style=""></span>
 
<h1></h1> <h6></h6>
<p></p>
<br>
<hr>
<em></em>
<strong></strong>
<b></b>
<i></i>
<sup></sup>
<sub></sub>
<pre></pre>
&nbsp; &quot; &amp; &lt; &gt;
 
<ul></ul>
<ol></ol>
<li></li>

<a name=""></a>
<a href=".html#"></a>
<a href="mailto:"></a>
<img src="" alt="" width="" height="" usemap="#">
<map name=""></map>
<area shape="rect" coords="" href="" alt="">
<area shape="circle" coords="" href="" alt="">
<area shape="poly" coords="" href="" alt="">

<table border="" width="" cellpadding="" cellspacing=""></table>
<caption></caption>
<tr align="" valign=""></tr>
<th align="" valign="" rowspan="" colspan=""></th>
<td align="" valign="" rowspan="" colspan=""></td>

<object data="" type="" width="" height=""></object>
<param name="" value="">
 
<form action="" method="" enctype=""></form>
<input type="text" name="" value="" size="" maxlength="">
<input type="password" name="" value="" size="" maxlength="">
<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="button" name="" alt="">
<input type="file" name="" size="">
<input type="hidden" name="" value="">
 
<select name="" size="" multiple></select>
<option value="" selected></option>
 
<textarea name="" rows="" cols=""></textarea>
 
<frameset rows="*,*" cols="*,*"></frameset>
<frame src="" name="" marginwidth="" marginheight="" frameborder="" scrolling="" noresize>
<noframe></noframe>

CSS

color: #;
 
text-align: left; center; right; justify;
text-decoration: underline; line-through; none;
text-indent: px;
vertical-align: super; baseline; sub; top; middle; bottom;
text-transform: capitalize; uppercase; lowercase; none;
letter-spacing: px; normal;
white-space: normal; pre; nowrap;

font-style: normal; italic;
font-weight: normal; bold; lighter; bolder;
font-size: px; small; medium; large; smaller; larger;
line-height: px; normal;
font-family: ""; serif;
font: style weight size line-height/ family;

background-color: #; transparent;
background-image: url("images/.jpg"); none;
background-repeat: repeat; repeat-x; repeat-y; no-repeat;
background-position: px px; left center right top center bottom;
background: color image repeat position;

border-style: none;
border-top-style: solid; double;
border-right-style: dashed; dotted;
border-bottom-style: groove; ridge;
border-left-style: inset; outset;

border-width: px; thin; medium; thick;
border-color: #;
border: style width color;
 
list-style-type: disc; circle; square; decimal; lower-roman; upper-roman; lower-alpha; upper-alpha; none;
list-style-image: url(""); none;
list-style-position: outside; inside;
list-style: type image position;

margin: px; auto;
margin-top: margin-right: margin-bottom: margin-left


関連記事
この記事が参考になりましたら拍手をお願いします。管理人のモチベーションが上がります。m(_ _)m

コメント

コメントの投稿

非公開コメント


ページ下部までご覧いただきありがとうございました。