HTML

ポジションレイアウト fixed

positionを使って表示位置を指定 表示位置の指定方法の種類 static ポジションレイアウトを行わない relative 通常の表示位置を基点にした位置指定 absolute 親要素を基点にした位置指定 fixed ブラウザ画面を基点にした位置指定 page ページボックスやリー…

ポジションレイアウト absolute

positionを使って表示位置を指定 表示位置の指定方法の種類 static ポジションレイアウトを行わない relative 通常の表示位置を基点にした位置指定 absolute 親要素を基点にした位置指定 fixed ブラウザ画面を基点にした位置指定 page ページボックスやリー…

MTMLで縦書きとルビを使う

rubyタグ rubyは全てのブラウザが正式対応しています。 縦書き Firefoxは対応していて、ChromeとSafariとIEはベンダープレフィックスが必要です。縦書きには「writing-modeプロパティ」を使用します。 p { -webkit-writing-mode: vertical-rl; /*ChromeとSaf…

HTML5の動画データの使い方

作る際に気を付けるポイント 動画ファイルは出来るだけ軽くする。(あくまでイメージなので長さも1分くらいをめどに) デフォルトではミュートの設定に あくまでも背景なので自動再生とループ再生の設定にする。(自動再生が効かないスマホでは代替え画像を…

フォームの練習

<html lang="ja"><head><meta charset="utf-8"><title>フォームの練習</title></head> <body><form id="entryForm" action="#" method="post"><table border="1"><tr><th>猫ちゃんのお名前:</th><td><input type="text" name="cat-name" placeholder="みーちゃん"></td></tr><tr></tr></table></form></body></html>

複数ページの作り方

複数ページでサイトを作る際のフォルダー構成 ページ毎にフォルダーを作り、各フォルダの中のHTMLファイルは必ず index.html という名前にする。 CSSフォルダにはすべてのCSSファイルをまとめる。 imgフォルダにはすべての画像をまとめる。 上記のフォルダ構…