ウェブページの基本はHTMLと呼ばれるマークアップ言語です。表を書くなら
タグとか、ブラウザのタイトルバーに表示させるテキストはタグで囲むとか、改行は<br>タグを使うとか…まぁ色々ある訳です。</p>
<p>HTMLはウェブページのルール、いわゆる仕様ってやつですね。今、htmlというとversion4.01を指しますが<a href="http://www.w3.org/TR/html4/index/elements.html">こんなにも</a>タグがあります。</p>
<p>余り使わないモノもあるので、普通は全部覚えるってありえません。…が、どれぐらい覚えているもんなんでしょう？</p>
<p><img src="http://myskitch.com/oishi/how_many_html_elements_can_you_name_in_5_minutes_-20071129-093951.jpg" alt="How Many HTML Elements Can You Name in 5 Minutes?" /></p>
<p>色んな面白いテストを公開してくれている<a href="http://www.justsayhi.com/bb">justsay hi</a>というサイトで、そんな素朴な疑問に応えてくれる「<a href="http://www.justsayhi.com/bb/html_quiz">How Many HTML Elements Can You Name in 5 Minutes?</a>」というテストを見付けたのでご紹介します。</p>
<p> </p>
<p>もう英文そのままですね。ページを表示した直後から5分間、テキストボックスにただひたすら思いつく限りHTMLタグを入力してみて下さい。全部で91個。皆さんはどれぐらい覚えておられますか？</p>
<p>ちなみに僕の成績は以下。</p>
<p><a id="mingle2_badge" href="http://www.justsayhi.com/bb/html_quiz" style="display: block; background:url(http://assets.justsayhi.com/badges/894/407/html_elements.yuo4mwt5x3.jpg) no-repeat top left; height: 147px; width: 335px; text-decoration: none; color: #fff;"><strong id="mingle2_badge_score" style="display: block; padding-left: 125px; padding-top: 44px; font-weight: normal; font-family: Times New Roman, Arial; font-size: 45px;">47</strong></a></p>
<p>半分近くは覚えていたと。…まぁ、これが良いのか悪いのかよく分かりません(笑)</p>
<p>ご自分でHTMLを書いてウェブページを作られる方は、友達のデザイナーさんと競い合っても面白いかも知れませんね。同じサイトに、CSSのプロパティをどれぐらい覚えているかをテストするページもありますから、こちらもあわせてどうぞ。ちょっとした気分転換にはなると思います^^</p>
</div>
<aside class="article">
<div class="section share">
</div>
<div class="clear-share"></div>
</aside>
</article>
</div>
<div class="col-md-4">
<aside class="site">
<div class="panel">
<a href="https://www.feedtailor.jp/product_espar_about" target="_blank">
<img src="https://blog.feedtailor.jp/images/banners/espar-logo_sidebar360.jpg" class="radius" />
</a>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h2 class="panel-title">Links</h2>
</div>
<div class="list-group">
<a href="http://www.feedtailor.jp/" class="list-group-item" target="_blank">会社サイト</a>
<a href="http://staff.feedtailor.jp/" class="list-group-item" target="_blank">開発ブログ</a>
<a href="http://hitokoto.feedtailor.jp/" class="list-group-item" target="_blank">ikuneeのひとことブログ</a>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h2 class="panel-title">Latest Posts</h2>
</div>
<div class="list-group">
<a href="https://blog.feedtailor.jp/2024/09/30/newapp-consideration2/" class="list-group-item">10年ぶりの新アプリに向けたブラウザ考察 -Adネットワークに占拠されたユーザのスクリーンを取り戻す-</a>
<a href="https://blog.feedtailor.jp/2024/07/29/newapp-consideration1/" class="list-group-item">10年ぶりの新アプリに向けたブラウザ考察 -スクリーンは誰のものか-</a>
<a href="https://blog.feedtailor.jp/2024/07/09/18thanniv/" class="list-group-item">設立から18年を迎えました</a>
<a href="https://blog.feedtailor.jp/2023/12/29/2023retrospect/" class="list-group-item">2023年の振り返り</a>
<a href="https://blog.feedtailor.jp/2023/08/19/17thanniv/" class="list-group-item">設立から17年を迎えました</a>
<a href="https://blog.feedtailor.jp/2023/01/31/espararchive/" class="list-group-item">Webサイトをまるっと保存できるサービス「espar archive」を始めます</a>
<a href="https://blog.feedtailor.jp/2022/12/29/2022retrospect/" class="list-group-item">2022年の振り返り</a>
<a href="https://blog.feedtailor.jp/2022/10/24/fp3/" class="list-group-item">FP2級に合格しました</a>
<a href="https://blog.feedtailor.jp/2022/07/31/16thanniv/" class="list-group-item">設立から16年(0x10周年)を迎えました</a>
<a href="https://blog.feedtailor.jp/2021/12/31/2021retrospect/" class="list-group-item">2021年の振り返り</a>
<a href="https://blog.feedtailor.jp/2021/11/09/espardns/" class="list-group-item">ドメインやDNSレコードの管理を一括して請け負う代行サービスを始めます</a>
<a href="https://blog.feedtailor.jp/2021/07/07/15thanniv/" class="list-group-item">設立15周年を迎えました</a>
<a href="https://blog.feedtailor.jp/2020/12/29/2020retrospect/" class="list-group-item">2020年の振り返り 〜 iOS / Web静的化〜 </a>
<a href="https://blog.feedtailor.jp/2020/07/07/14thanniv/" class="list-group-item">設立14周年を迎えました 〜リモートメインからリモートオンリーへ〜</a>
<a href="https://blog.feedtailor.jp/2020/06/13/enjoystayhomelt/" class="list-group-item">在宅時間を楽しもう！「Enjoy Stay Home 企画」の発表会を行いました</a>
<a href="https://blog.feedtailor.jp/2020/05/16/enjoystayhome/" class="list-group-item">在宅時間を楽しもう！「Enjoy Stay Home 企画」をやってみます</a>
<a href="https://blog.feedtailor.jp/2020/04/28/fullremoteworktips/" class="list-group-item">フルリモートワークで生産性を下げないために有効と感じた2つの心がけ</a>
<a href="https://blog.feedtailor.jp/2020/04/16/espar-roadmap/" class="list-group-item">WordPress静的化サービス espar のロードマップを公開することにしました</a>
<a href="https://blog.feedtailor.jp/2020/03/06/fp3/" class="list-group-item">FP3級に合格しました</a>
<a href="https://blog.feedtailor.jp/2020/02/12/noattackwp/" class="list-group-item">攻撃を超受けにくいWordPressサイト構築法について講演します</a>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h2 class="panel-title">category</h2>
</div>
<div class="list-group">
<a href="https://blog.feedtailor.jp/categories/%E4%BC%9A%E7%A4%BE%E7%B5%8C%E5%96%B6" class="list-group-item">会社経営 (193)</a>
<a href="https://blog.feedtailor.jp/categories/iphone" class="list-group-item">iphone (163)</a>
<a href="https://blog.feedtailor.jp/categories/ipad" class="list-group-item">ipad (122)</a>
<a href="https://blog.feedtailor.jp/categories/%E3%81%9D%E3%81%AE%E4%BB%96" class="list-group-item">その他 (72)</a>
<a href="https://blog.feedtailor.jp/categories/%E7%B5%8C%E5%96%B6" class="list-group-item">経営 (41)</a>
<a href="https://blog.feedtailor.jp/categories/%E3%82%A4%E3%83%99%E3%83%B3%E3%83%88" class="list-group-item">イベント (38)</a>
<a href="https://blog.feedtailor.jp/categories/%E3%82%BB%E3%83%9F%E3%83%8A%E3%83%BC" class="list-group-item">セミナー (38)</a>
<a href="https://blog.feedtailor.jp/categories/%E9%96%8B%E7%99%BA" class="list-group-item">開発 (37)</a>
<a href="https://blog.feedtailor.jp/categories/espar" class="list-group-item">espar (34)</a>
<a href="https://blog.feedtailor.jp/categories/%E6%9B%B8%E8%A9%95" class="list-group-item">書評 (31)</a>
<a href="https://blog.feedtailor.jp/categories/book+" class="list-group-item">book+ (30)</a>
<a href="https://blog.feedtailor.jp/categories/%E3%83%97%E3%83%A9%E3%82%A4%E3%83%99%E3%83%BC%E3%83%88" class="list-group-item">プライベート (29)</a>
<a href="https://blog.feedtailor.jp/categories/%E3%82%BB%E3%82%AD%E3%83%A5%E3%83%AA%E3%83%86%E3%82%A3" class="list-group-item">セキュリティ (23)</a>
<a href="https://blog.feedtailor.jp/categories/%E3%81%9D%E3%82%89%E6%A1%88%E5%86%85" class="list-group-item">そら案内 (16)</a>
<a href="https://blog.feedtailor.jp/categories/%E9%9B%BB%E5%AD%90%E6%9B%B8%E7%B1%8D" class="list-group-item">電子書籍 (16)</a>
<a href="https://blog.feedtailor.jp/categories/rss" class="list-group-item">rss (15)</a>
<a href="https://blog.feedtailor.jp/categories/syncnel" class="list-group-item">syncnel (15)</a>
<a href="https://blog.feedtailor.jp/categories/%E8%87%AA%E5%88%86" class="list-group-item">自分 (15)</a>
<a href="https://blog.feedtailor.jp/categories/mac" class="list-group-item">mac (9)</a>
<a href="https://blog.feedtailor.jp/categories/adobeair" class="list-group-item">adobeair (7)</a>
<a href="https://blog.feedtailor.jp/categories/hack" class="list-group-item">hack (7)</a>
<a href="https://blog.feedtailor.jp/categories/%E3%83%88%E3%83%AC%E3%83%BC%E3%83%8B%E3%83%B3%E3%82%B0" class="list-group-item">トレーニング (6)</a>
<a href="https://blog.feedtailor.jp/categories/%E3%83%8D%E3%83%83%E3%83%88%E5%85%A8%E8%88%AC" class="list-group-item">ネット全般 (6)</a>
<a href="https://blog.feedtailor.jp/categories/%E3%82%A4%E3%83%99%E3%83%B3%E3%83%88/%E3%82%BB%E3%83%9F%E3%83%8A%E3%83%BC" class="list-group-item">イベント/セミナー (4)</a>
<a href="https://blog.feedtailor.jp/categories/" class="list-group-item"> (3)</a>
<a href="https://blog.feedtailor.jp/categories/wpguard" class="list-group-item">wpguard (3)</a>
<a href="https://blog.feedtailor.jp/categories/%E8%B3%87%E7%94%A3%E9%81%8B%E7%94%A8" class="list-group-item">資産運用 (3)</a>
<a href="https://blog.feedtailor.jp/categories/%E9%9D%99%E7%9A%84%E3%82%B5%E3%82%A4%E3%83%88%E3%82%B8%E3%82%A7%E3%83%8D%E3%83%AC%E3%83%BC%E3%82%BF" class="list-group-item">静的サイトジェネレータ (3)</a>
<a href="https://blog.feedtailor.jp/categories/ios" class="list-group-item">ios (2)</a>
<a href="https://blog.feedtailor.jp/categories/twitter" class="list-group-item">twitter (2)</a>
<a href="https://blog.feedtailor.jp/categories/%E3%83%9E%E3%83%A9%E3%82%BD%E3%83%B3" class="list-group-item">マラソン (2)</a>
<a href="https://blog.feedtailor.jp/categories/%E6%98%A0%E7%94%BB%E9%91%91%E8%B3%9E" class="list-group-item">映画鑑賞 (2)</a>
<a href="https://blog.feedtailor.jp/categories/%E4%BB%AE%E6%83%B3%E9%80%9A%E8%B2%A8" class="list-group-item">仮想通貨 (1)</a>
<a href="https://blog.feedtailor.jp/categories/%E5%83%8D%E3%81%8D%E6%96%B9" class="list-group-item">働き方 (1)</a>
</div>
</div>
</aside>
</div>
</div>
</div>
</div>
</div>
<footer class="site">
<div class="container">
<p>© 2024 業務用iOSアプリのfeedtailor社長ブログ</p>
<p>Powered by <a href="http://gohugo.io" target="_blank">Hugo</a>,</p>
<p>Theme <a href="https://github.com/dim0627/hugo_theme_beg" target="_blank">Beg</a> designed by <a href="http://yet.unresolved.xyz" target="_blank">Daisuke Tsuji</a></p>
</div>
</footer>
<script src="//code.jquery.com/jquery-2.2.1.min.js"></script>
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/8.4/highlight.min.js"></script>
<script>hljs.initHighlightingOnLoad();</script>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-538130-15', 'auto');
ga('send', 'pageview');
</script>
</body>
</html>