暗記するhtml css 文字数少ないもののみ
暗記用
このタイピングの問題作成に文字制限があるので、必然と暗記したいが記載できないものが存在する。
関連タイピング
-
全文字タイピング練習(108文字×100問,2分間ランダム)
プレイ回数4481 英語長文120秒 -
python 基本
プレイ回数675 英字120打 -
基礎的なHTML
プレイ回数3817 英語54打 -
プログラミングで良く使う構文を練習します
プレイ回数623 英字615打 -
ホームポジションが自然と身につく！
プレイ回数1468 短文60秒 -
Linux＋Bashコマンド。数字と記号を全て含んでいます。
プレイ回数9246 英語長文305打 -
htmlやcssのタイピングです。
プレイ回数7289 英語長文120秒 -
全記号数字タイピング練習(108文字×100問,2分間ランダム)
プレイ回数9168 英語長文120秒
問題文
ふりがな非表示
ふりがな表示
(＜！ｄｏｃｔｙｐｅ ｈｔｍｌ＞)
<!DOCTYPE html>
(＜ｍｅｔａ ｃｈａｒｓｅｔ＝”ｕｔｆ－８”＞)
<meta charset="utf-8">
(＜ｌｉｎｋ ｒｅｌ＝”ｓｔｙｌｅｓｈｅｅｔ” ｈｒｅｆ＝”ｘｘ．ｃｓｓ”＞)
<link rel="stylesheet" href="xx.css>
(＜！－－ｈｔｍｌ－－＞)
＜！－－html－－＞
(／＊ｃｓｓ＊／)
/*css*/
(２０２０ ６４ｂｒａｎｄ ＆ｃｏｐｙ；)
2020 64brand ©
(もじじったいさんしょうとは、ｈｔｍｌでとくしゅなきごうをひょうじしたいときにつかうもの。)
文字実態参照とは、htmlで特殊な記号を表示したいときに使うもの。
(＜ｍａｒｋ＞はいらいと＜／ｍａｒｋ＞)
<mark>ハイライト</mark>
(＜ｒｕｂｙ＞しがらき＜ｒｔ＞しがらき＜／ｒｔ＞やき＜／ｒｕｂｙ＞)
<ruby>信楽<rt>しがらき</rt>焼き</ruby>
(ｔｅｘｔ－ｓｈａｄｏｗ：２ｐｘ ３ｐｘ ４ｐｘ ｂｌａｃｋ；)
text-shadow:2px 3px 4px black;
(よこがぎょうｒｏｗ，たてがれつｃｏｌ)
よこが行row,たてが列col
(めでぃあくえりとは、でばいすにおうじて、ｃｓｓをかえることをいう。)
メディアクエリとは、デバイスに応じて、cssを変えることをいう。
(＠ｍｅｄｉａ ｓｃｒｅｅｎ ａｎｄ （ｍａｘ－ｗｉｄｔｈ：６４０ｐｘ）)
@media screen and (max-width:640px)
(どらえもんなど、いろかずがすくなく、べたぬりのがぞうは、ｐｎｇ－８かｊｉｆでほぞん)
ドラえもんなど、色数が少なく、ベタ塗りの画像は、png-8かjifで保存
(とうかがぞうは、ｐｎｇ－３２でほぞん)
透過画像は、png-32で保存
(いろかずがおおく、ぐらでーしょんなどをたようしたがぞうは、ｊｐｅｇでほぞん)
色数が多く、グラデーションなどを多用した画像は、jpegで保存
(がぞうさいずのさいてきかは、あっしゅくによるようりょうしゅくしょうと、がしつとのばらんすをはかること)
画像サイズの最適化は、圧縮による容量縮小と、画質とのバランスをはかること
(ぐーぐるのさーびすの１つとして、「もばいるふれんどりーてすと」がある。)
グーグルのサービスの１つとして、「モバイルフレンドリーテスト」がある。
(けいたいのがめんに、さいとのしょーとかっとをつくるほーむあいこんのせっていがひつよう)
携帯の画面に、サイトのショートカットをつくるホームアイコンの設定が必要
(どうがへんしゅうは、ａｄｏｂｅのｐｒｅｍｉｅｒｅやａｆｔｅｒｅｆｆｅｃｔｓをつかう)
動画編集は、adobeのPremiereやAfterEffectsを使う
など
(たっぷりんくりょういきは、４８＊４８いじょうのおおきさにする)
タップリンク領域は、48*48以上の大きさにする
(ふぉんとさいずを、１６ｐｘていどにおおきくしておく)
フォントサイズを、16px程度に大きくしておく
(ｍｅｔａようそで、ｖｉｅｗｐｏｒｔのせっていする)
meta要素で、viewportの設定する
(こんてんつがｖｉｅｗｐｏｒｔからはみでないように、ｗｉｄｔｈは％していする)
コンテンツがviewportからはみ出ないように、widthは%指定する
(ｆｌａｓｈはけいたいでみれないのでしようしない。ａｄｏｂｅのａｎｉｍａｔｅはか)
flashは携帯で見れないので使用しない。adobeのanimateは可
(ｉｐｈｏｎｅには、でんわばんごうじどうにんしききのうがあるので、ｗｅｂでせっていをしよう。)
iphoneには、電話番号自動認識機能があるので、webで設定をしよう。
(めでぃあくえりのぶれいくぽいんとは、６４０ｐｘ、８００ｐｘ，１０００ｐｘ)
メディアクエリのブレイクポイントは、640px,800px,1000px
(ふぁいるめいのめいめいのしかたは、たとえば、ｂｇははいけいのことなどるーるをきめておく)
ファイル名の命名の仕方は、例えば、bgは背景のことなどルールを決めておく
(つなぎふぁいるめいはｂｇ－１などのはいふん、あんだーばー、きゃめるしきの３つ)
つなぎファイル名はbg-1などのハイフン、アンダーバー、キャメル式の３つ
(ｗｅｂじょうでつかうがぞうは、そもそもがぞうをつくるかｃｓｓでじゅうぶんかけんとうするひつよう)
web上で使う画像は、そもそも画像をつくるかcssで十分か検討する必要
(りせっとｃｓｓとはぶらうざごとにすたいるがちがうのをしゅうせいすること)
リセットcssとはブラウザごとにスタイルが違うのを修正すること。
(ふるーどいめーじとは、おやようそのはばにおうじてしんしゅくするがぞうめでぃあのこと。)
フルードイメージとは、親要素の幅に応じて伸縮する画像・メディアのこと。
(ｉｍｇ｛ｍａｘ－ｗｉｄｔｈ：１００％；ｈｅｉｇｈｔ：ａｕｔｏ；｝)
img{max-width:100%;height:auto;}
(ｂａｃｋｇｏｕｎｄ－ｓｉｚｅ：ｃｏｖｅｒ；)
backgound-size:cover;