読者です 読者をやめる 読者になる 読者になる

WEBデザインの勉強

WEB制作初心者が1から勉強するブログ。

HTML 属性

HTMLの属性とは、要素に情報を付加すること。デモ http://efu.sakura.ne.jp/web/global_attributes/ グローバル属性 全ての要素に使用できる属性 accesskey マウスやトラックパッドが使用できない環境でも リンクや入力フォームの部品をキーボードのキー操作…

HTML5新要素

main 主要なコンテンツを表す。 body内に一つしか記述できない。 article、aside、header、footer、navの中には入れることができない。 article ブログの記事などの独立したコンテンツに使用できる。 section 部分、区分 見出しとそれに関する内容 aside メ…

IE8対策で注意すること

HTML5の要素に対応していない section、nav、article、aside、header、footer、main、figure、figcaptionなど article, aside, figure, figcaption, footer, header, nav, section { display: block; } 過去に書いた記事: mmmmofu.hatenablog.com CSS3に対…

レスポンシブWebデザインの練習

http://d.hatena.ne.jp/webmaster-web/20151003/p1d.hatena.ne.jp モバイルファーストでレスポンシブデザインを作成しました。http://efu.sakura.ne.jp/web/tomato/ HTML <html lang="ja"> <head> <meta charset="utf-8"> <title>サンプル</title> <meta name="viewport" content="width=device-width"> </meta></meta></head></html>

フォーム

http://efu.sakura.ne.jp/web/0601/名前→テキスト(1行テキスト) <input type="text" maxlength="10" placeholder="お名前" required autofocus> maxlengthはユーザーが入力できる最大文字数を指定する placeholderはテキストボックス等にあらかじめ入力サンプル文字を表示させることができる requiredは必須項目 autofocuはページを開…

HTML5

HTML5の書き方でマークアップ <html lang="ja"> <head> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" href=""> </link></meta></head></html>