OperaWSC

23: Creating multiple pages with navigation menus

http://dev.opera.com/articles/view/23-creating-multiple-pages-with-navigat/ Your HTML menu tools -- links, anchors and lists やり方は色々あるが、いずれにしろ link と a elements を使う。 link elements は documents 間の関係を表す。user agent…

22: Generic containers --- the div and span element

http://dev.opera.com/articles/view/22-generic-containers-8212-the-div-and/ Semantically neutral HTML には2つ意味を持たない element がある。HTML の仕様によれば The div and span elements, in conjunction with the id and class attributes, offe…

21: Lesser-know semantic elements

http://dev.opera.com/articles/view/21-lesser-known-semantic-elements/ Highlighting contact information address element は最もおかしな名前を与えられ誤解されている element かもしれない。 この element の意味はページ(あるいはその一部)を書い…

20: HTML forms --- the basics

あまりに長いので最終形態以外のコードは削除することにした。 http://dev.opera.com/articles/view/20-html-forms-the-basics/ Step one: The basic code 簡単なコメントフォームから<form> と </form> があって、その間にいろいろと。 form element: フォームは全てこの…

19: HTML tables

http://dev.opera.com/articles/view/19-html-tables/ The most basic table <table> <tr> <td>Volcano Name</td> <td>Location</td> <td>Last Major Eruption</td> <td>Type of Eruption</td> </tr> <tr> <td>Mt. Lassen</td> <td>California</td> <td>1914-17</td> <td>Explosive Eruption</td> </tr> ... </table> 上記の H…

18: HTML links - let's build a web!

http://dev.opera.com/articles/view/18-html-links-let-s-build-a-web/ What are links? 他のリソース(他の HTML documents、テキストファイル、PDFなど)を指すもの。ブラウザが自動的に追いかける link elements によるリンクと、ユーザーが選択して追う…

17: Images in HTML

http://dev.opera.com/articles/view/17-images-in-html/ A picture says more than a thousand words --or does it? ケータイとかでは画像は表示されないかもしれない ユーザは目が見えないとかで画像を見ることができないかもしれない 異文化圏の人にはそ…

16: HTML lists

The three list types 3種類ある unoredered list - いくつかのアイテムを順番関係なくまとめる ordered list - いくつかのアイテムを順番通りにまとめる definition list - name/value のペア, 用語とその定義や日時とイベントなど Unoredered lists "bulle…

15: Marking up textual content in HTML

HTML を使って文書の中身の意味を記述する方法。 Spaces - the final frontier 空白文字(スペース、タブ、改行など)について。HTML では連続した空白文字は、ひとつのスペースとして扱われる。 たとえば <h3>In the beginning</h3> は、以下と同等に扱われる。 <h3>In t</h3>…

14: Choosing the right doctype

ホントは "Choosing the right doctype for your HTML documents" The doctype comes first あらゆる HTML document の最初には DTD declaration(="doctype")を置く。 DTD Document Type Definition: どんな elements や attributes を許可する HTML なの…

13: The HTML element

既に知ってることを読んでて「はいはいはいはい」とか思うのをグッとこらえるのがしんどい。はてダって < とかは &lt; って書かないとダメなのね。 Introduction head element のお勉強をします。 Head? What head are we talking about? 前に言ったとおり v…

12. The basic of HTML

Web Design Concepts のとこは後で読むことに。 What HTML is "HyperText Markup Language" web documents 用の言語 ドキュメントの一部を user agent がどう解釈するか、という情報*1 user agent != web browser web browser は user agent Google や Yahoo…

The Web Standard Curriculum

OperaWSC 目次 http://bowbow99.sakura.ne.jp/ があんまりにもあんまりなのでちゃんとしたサイト作ろうと思ったのだけど、XHTML とかよくわかんないのでちゃんと勉強することにした。