HTML – 祈願クリエイター

Another HTML-lint 5

Another HTML-lint 5は、作ったHTMLをチェックしてくれるホームページです。「トップページ」 http://www.htmllint.net 「HTMLチェックページ」 http://www.html… 続きを読む Another HTML-lint 5

CSS3 Media Queries を使って、Webサイトをスマートフォンに対応させるときの注意書き ◆レスポンシブデザインについてレスポンシブレイアウト講義用PDF 「レスポンシブWebデザイン」とは、PC、タブレ… 続きを読むレスポンシブレイアウトと角丸のBOX

パンくずリスト（breadcrumb list）とは上記の赤枠内のようなナビゲーションの事。以下、ウィキペディア抜粋。ウェブサイト内におけるウェブページの位置をツリー構造を持ったハイパーリンクの一覧として示すもの。… 続きを読むパンくずリスト（breadcrumb list）とは

[html] <ul> <li><a href=”test1.html” target=”display”>test1.htmlを表示</a></li> &lt… 続きを読むインラインフレーム(iframe)

ウィキペディア・ブログなどでは、アドレスに日本語が入っている場合があります。 HTML文書が UTF-8 または UTF-16 でエンコードされている場合はそのまま記述出来ますが、そうでない場合は、 aタグの、href=… 続きを読む日本語アドレスをaタグに使用する場合の注意

フリーの高機能HTMLエディタ「Aptana Studio3」の日本語化と「Zen-Coding」のインストール方法。使い方は、googleで「aptana studio 3 使い方」で調べるとたくさん出てきます。

Javascript版は、後日HTML・CSS応用(もしくはJavascript)の講義の時にやります。

全体を囲う要素に使えそうな名前 wrapper wrap page container all body box layout 上部の要素に使えそうな名前 header head top sitemast pagetop… 続きを読む有名サイトが使っている「id名」「class名」

フォントサイズ比較表 CSS px CSS % 文字サンプル CSS pt FONT size 6px 40% 4.5pt 8px 50% 6pt 9px 55% 6.75pt 10px 65% 7.5pt size=&… 続きを読むフォントサイズ比較表