練習1
問題文
ふりがな非表示
ふりがな表示
(１２３４５４３２１５７８９０６０９８７６)
12345432157890609876
(＜＞ｐ＜＞／ｐ＜＞ｐ＜＞／ｐ＜＞ｐ＜＞／ｐ＜＞ｐ＜＞／ｐ)
<>p<>/p<>p<>/p<>p<>/p<>p<>/p
(＜＞ｈ＜＞／ｈ＜＞ｈ＜＞／ｈ＜＞ｈ＜＞／ｈ＜＞ｈ＜＞／ｈ＜＞ｈ＜＞／ｈ)
<>h<>/h<>h<>/h<>h<>/h<>h<>/h<>h<>/h
(＜＞ｕｌ＜＞／ｕｌ＜＞ｌｉ＜＞／ｌｉ＜＞ｌｉ＜＞／ｌｉ＜＞ｕｌ＜＞／ｕｌ)
<>ul<>/ul<>li<>/li<>li<>/li<>ul<>/ul
(＜！－－ －－＞／＊＊／／＊＊／／＊＊／／＊＊／／＊＊／／＊＊／／＊＊／)
<!-- -->/**//**//**//**//**//**//**/
(＜＞！ｄｏｃｔｙｐｅ ｈｔｍｌ)
<>!doctype html
(＜＞ｈｔｍｌ ｌａｎｇ＝””ｊａ＜＞／ｈｔｍｌ)
<>html lang=""ja <>/html
(＜＞ｈｅａｄ＜＞／ｈｅａｄ ｍｅｔａ ｃｈａｒｓｅｔ＝””ｕｔｆ－８)
<>head<>/head meta charset=""UTF-8
(＜＞ｔｉｔｌｅ＜＞／ｔｉｔｌｅ)
<>title<>/title
(＜＞ｌｉｎｋ ｒｅｌ＝””ｓｔｙｌｅｓｈｅｅｔ)
<>link rel=""stylesheet
(ｈｒｅｆ＝””ｃｓｓｆａｉｌ．ｃｓｓ)
href=""cssfail.css
(＠ｃｈａｒｓｅｔ””ｕｔｆ－８；)
@charset ""UTF-8;
(＜＞ｐ＜＞ｓｍａｌｌ＜＞／ｓｍａｌｌ＜＞／ｐ)
<>p<>small<>/small<>/p
(＜＞ｓｔｒｏｎｇ ｃｌａｓｓ＝””＜＞／ｓｔｒｏｎｇ)
<>strong class=""<>/strong
(＆ｎｂｓｐ；＆ａｍｐ；＆ｌｔ；＆ｇｔ；)
&<>
(ｉｍｇ ｓｒｃ＝”” ａｌｔ＝”” ｗｉｄｔｈ＝”” ｈｅｉｇｈｔ＝””)
img src="" alt="" width="" height=""
(ｄｌ＜＞／ｄｌ＜＞ｄｔ＜＞／ｄｔ＜＞ｄｆｎ＜＞／ｄｆｎ＜＞ｄｄ＜＞／ｄｄ)
dl<>/dl<>dt<>/dt<>dfn<>/dfn<>dd<>/dd
(ｔａｂｌｅ／ｔａｂｌｅ ｔｒ／ｔｒ ｔｈ／ｔｈ ｔｄ／ｔｄ)
table/table tr/tr th/th td/td
(＜＞ｔｄ ｒｏｗｓｐａｎ＝””＜＞／ｔｄ)
<>td rowspan="" <>/td
(＜＞ｔｄ ｃｏｌｓｐａｎ＝””＜＞／ｔｄ)
<>td colspan="" <>/td
など
(＜＞ａ ｈｒｅｆ＝””ｆａｉｌｎａｍｅ＜＞／ａ)
<>a href=""failname<>/a
(ａ ｈｒｅｆ＝””ｕｒｌ ｔａｒｇｅｔ＝””＿ｂｌａｎｋ)
a href=""url target=""_blank
(ａ ｈｒｅｆ＝””ｍａｉｌｔｏ：ｉｎｆｏ＠ｍｅｒｕａｄｏ．ｃｏｍ)
a href=mailto:info@meruado.com
(ａ ｈｒｅｆ＝””ｔｅｌ：０１２３４５６７８９＞０１２－３４５－６７８９)
a href=""tel:0123456789>012-345-6789
(ａ ｈｒｅｆ＝””＃ｉｄ)
a href=""#id
(ようそ ｉｄ＝””ｉｄ)
要素 id=""id
(ａ ｈｒｅｆ＝””ｆａｉｌｎａｍｅ ””ｉｄｎａｍｅ)
a href=""failname ""idname
(ａ ｈｒｅｆ＝””＃ｔｏｐ)
a href=""#top
(ｆｏｒｍ ｍｅｔｈｏｄ＝””ｇｅｔ／ｐｏｓｔ ａｃｔｉｏｎ＝””ｐｈｐ)
form method=""get/post action=""php
(ｉｎｐｕｔ ｔｙｐｅ＝””ｔｅｘｔ ｎａｍｅ＝”” ｖａｌｕｅ＝””)
input type=""text name="" value=""
(ｉｎｐｕｔ ｔｙｐｅ＝””ｐａｓｓｗｏｒｄ ｎａｍｅ＝””ｐａｓｓ)
input type=""password name=""pass
(ｉｎｐｕｔ ｔｙｐｅ＝””ｒｅｓｅｔ ｎａｍｅ＝”” ｖａｌｕｅ＝””)
input type=""reset name="" value=""
(ｉｎｐｕｔ ｔｙｐｅ＝””ｓｕｂｍｉｔ ｎａｍｅ＝”” ｖａｌｕｅ＝””)
input type=""submit name="" value=""
(ｉｎｐｕｔ ｔｙｐｅ＝””ｒａｄｉｏ ｎａｍｅ＝”” ｖａｌｕｅ＝””)
input type=""radio name="" value=""
(ｉｎｐｕｔ ｔｙｐｅ＝””ｃｈｅｃｋｂｏｘ ｎａｍｅ＝”” ｖａｌｕｅ＝)
input type=""checkbox name="" value=
(＜＞ｓｅｌｅｃｔ ｎａｍｅ＝”” ＜＞／ｓｅｌｅｃｔ)
<>select name="" <>/select
(＜＞ｏｐｔｉｏｎ ｖａｌｕｅ＝””＜＞／ｏｐｔｉｏｎ)
<>option value="<>/option
(＠ｃｈａｒｓｅｔ ””ｕｔｆ－８；)
@charset ""UTF-8;
(ｃｏｌｏｒｃｏｌｏｒｃｏｌｏｒｃｏｌｏｒｃｏｌｏｒｃｏｌｏｒ)
color color color color color color
(ｆｏｎｔ－ｓｉｚｅ ： ；１６ｐｘｆｏｎｔ－ｓｉｚｅ ： ；１６ｐｘ)
font-size : ;16px font-size : ;16px
(ｆｏｎｔ－ｗｅｉｇｈｔ ： ；ｂｏｌｄ)
font-weight : ;bold
(ｆｏｎｔ－ｓｔｙｌｅ ： ；ｉｔａｌｉｃ)
font-style : ;italic
(ｆｏｎｔ－ｆａｍｉｌｙ ： ；)
font-family : ;
(ｂａｃｋｇｒｏｕｎｄ－ｃｏｌｏｒ ： ；)
background-color : ;
(ｂａｃｋｇｒｏｕｎｄ－ｉｍａｇｅ ： ；)
background-image : ;
(ｂａｃｋｇｒｏｕｎｄ－ｒｅｐｅａｔ ： ；)
background-repeat : ;
(ｂａｃｋｇｒｏｕｎｄ－ｐｏｓｉｔｉｏｎ ： ；１５ｐｘ ｃｅｎｔｅｒ)
background-position : ;15px center
(ｂａｃｋｇｒｏｕｎｄ－ａｔｔａｃｈｍｅｎｔ ： ；ｆｉｘｅｄ)
background-attachment : ;fixed
(ｔｅｘｔ－ａｌｉｇｎ ： ；)
text-align : ;
(ｔｅｘｔ－ｄｅｃｏｒａｔｉｏｎ ： ；ｌｉｎｅ－ｔｈｒｏｕｇｈ)
text-decoration : ;line-through
(ｔｅｘｔ－ｉｎｄｅｎｔ ： ；１．２ｅｍ)
text-indent : ;1.2em
(ｌｉｎｅ－ｈｅｉｇｈｔ ： ；１．６)
line-height : ;1.6
(ｐａｄｄｉｎｇ－ｔｏｐ ： ；ｐｘ)
padding-top : ;px
(ｍａｒｇｉｎ－ｔｏｐ ： ；ｐｘ)
margin-top : ;px
(ｂｏｒｄｅｒ－ｌｅｆｔ－ｓｔｙｌｅ ： ；ｄａｓｈｅｄ)
border-left-style : ;dashed
(ｂｏｒｄｅｒ－ｓｔｙｌｅ ： ；ｓｏｌｉｄ)
border-style : ;solid
(ｂｏｒｄｅｒ－ｓｔｙｌｅ ： ；ｄｏｔｔｅｄ)
border-style : ;dotted
(ｂｏｒｄｅｒ－ｓｔｙｌｅ ： ；ｄｏｕｂｌｅ)
border-style : ;double
(ｇｒｏｏｖｅ ｒｉｄｇｅ ｉｎｓｅｔ ｏｕｔｓｅｔ)
groove ridge inset outset
(ｂｏｒｄｅｒ－ｒａｄｉｕｓ ： ；)
border-radius : ;
(ｂｏｘ－ｓｈａｄｏｗ ： ；さゆう じょうげ りんかく ひろがり いろ ｉｎｓｅｔ)
box-shadow : ;左右 上下 輪郭 広がり 色 inset
(ｏｐａｃｉｔｙ ： ；０．０～１．０)
opacity : ;0.0~1.0
(： ；ｒｇｂａ（）２５５，２０４，２５５，０．５)
: ;rgba()255,204,255,0.5
(１０ｐｘ１０ｐｘ１０ｐｘ１５ｐｘ１５ｐｘ１６ｐｘ１６ｐｘ)
10px10px10px15px15px16px16px
(１０ｐｘ２０ｐｘ３０ｐｘ１０ｐｘ２０ｐｘ３０ｐｘ１０ｐｘ２０ｐｘ３０ｐｘ)
10px20px30px10px20px30px10px20px30px