<ol>: 順序付きリスト要素 - HTML: ハイパーテキストマークアップ言語 | MDN
HTML チュートリアル HTML の基本 HTML 入門 HTML 入門の概要 HTML を始めよう ヘッド部には何が入る? HTML のメタデータ HTML テキストの基礎 ハイパーリンクの作成 高度なテキスト整形 文書とウェブサイトの構造 HTML のデバッグ 評価課題: 手紙のマークアップ 評価課題: コンテンツのページの構造化 マルチメディアとその埋め込み マルチメディアとその埋め込みの概要 HTML の画像 動画と音声のコンテンツ object から iframe まで — その他の埋め込み技術 ウェブへのベクターグラフィックの追加 レスポンシブ画像 評価課題: Mozilla のスプラッシュページ HTML の表 HTML の表の概要 HTML の表の基本 HTML 表の高度な機能とアクセシビリティ 評価課題: 太陽系の惑星データの構造化 リファレンス HTML 要素 <a>
コピペできる、保存しておくと便利なHTMLスニペットまとめ
ホームページを制作するときに、何度も繰り返し利用するコードは、スニペットとして整理しておくのがオススメです。 スニペットとは「切れ端」「断片」という意味で、コピペで簡単に再利用できるテンプレートのようなもの。 この記事では、コピペで使える便利な最新HTML／CSSスニペットをまとめてご紹介します。 ブラウザ上でHTMLやCSSのコードを編集しながら、リアルタイムでプレビューを確認できるのもポイント。 画面右下にある「Return」キーをクリックすることで、再読み込みでプレビューできます。 コピペできる、保存しておくと便利なHTMLスニペットまとめ 水平方向に無限スクロールするアニメーション 左右どちらへもスクロールするCSSアニメーションで、両サイドはグラデーションでフェードアウトしています。 See the Pen Infinite Scroll Animation by Yoav Ka
実はHTMLだけで多くのことが実現できる！知っておくと便利なHTMLの使い方
HTMLだけで多くのことが実現できるのは素晴らしいことです。一昔前までは、CSSやJavaScriptを使用しなければできなかったこと、かなり複雑なコードを書かなければできなかったことが、実はHTMLだけで多くのことが実現できます。 知っておくと便利なHTMLの使い方をまとめて紹介します。 HTML can do that? by Ananya Neogi 先日紹介した「CSSでここまでできるのか！」の続編です。 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 1. datalist -フォームに入力候補を表示 2. dialog -ダイアログ ボックス 3. progress -プログレスバー 4. detailsとsummary -開閉パネル 5. inputmode -スマホで入力時に適したキーパッドを表示 6. inpu
ブログやウェブサイトですぐに役立つ「.htaccess」の設定のまとめ | コリス
ブログやウェブサイトのパフォーマンス改善や運営・セキュリティに役立つ「.htaccess」の設定を紹介します。 .htaccess Files for the Rest of Us [ad#ad-2] 下記は各ポイントを意訳したものです。 リダイレクトとリライト オリジナルのエラーページ 特定のリソースへのアクセス制限 特定のIPのアクセス阻止 IEのレンダリングモードの設定 有効期限を設定してトラフィックを軽減 gzip圧縮の利用 リダイレクトとリライト リダイレクト サイトを移転したなど、永続的なリダイレクトには「HTTP301リダイレクト」で設定します。 転送先のURLは絶対URLで指定します。 Redirect 301 ^old\.html$ http://ドメイン/new.html リライト リライト（書き換え）をする場合は、下記のようになります。 RewriteEngine o
METAタグの機能 〜2nd New House〜
Content-Type：文書の MIME タイプ(コンテントタイプ) 文書のMIME タイプ(コンテントタイプ)と文字セットを指定します。 文字セットの日本語指定は、Shift_JIS や x-sjis や EUC-JP などが有ります。文字セットをきちんと指定してやると文字化けの発生がなくなります。 HTMLのMIME タイプは text/html のみであり他の値は使用できません。 XHTML1.0 は application/xhtml+xml が推奨されていますが互換性を考えて text/html も指定可能です。 XHTML1.1の場合は application/xhtml+xml が推奨され text/html を指定すべきでありません。 MIME タイプが text/html、文字セットが Shift_JIS の使用例 <meta http-equiv="Content-
大人向けページに「制限」（セルフレイティング）をする方法
いわゆる、導入に「18禁ページ」であるという警告を載せる以外に、大人向けページであることを指定する方法のメモ...なのです。 参考ページ このページを作成するにあたり、以下のページを参考にさせていただきました。 http://www.iajapan.org/rating/press/sfs301-press.html （新レイティング基準SafetyOnline2の制定 ... 財団法人インターネット協会 2002.8.8） http://www.geocities.co.jp/Hollywood/9752/pics.html （安全なインターネット社会を確立するためにPICS-Labelで適切なアクセス制限を！ ... 個人ページ） 大人向けページ遮断は、ブラウザで自動的に制限すべき。 いわゆる『大人向けページ』を公開する時は、「18禁」「お子様は見ないでね」という『表紙』ページを置くの
1行内に左寄せと右寄せを同時に書きたい - ［ホームページ作成］All About
左寄せと右寄せを同時に使いたい 同じ行内に「左寄せの文字列」と「右寄せの文字列」を混在させたいと思ったことはありませんか？ 「左寄せ」や「右寄せ」は、スタイルシートのtext-alignプロパティで簡単に実現できますね。 でも、できるのは1行単位で「左寄せ」するか「右寄せ」するかだけです。同一行内に「左寄せ部分」と「右寄せ部分」の両方を作ることはできません。 そんなときは、floatプロパティを活用しましょう。 floatプロパティを1つ書き加えるだけで、簡単に「左寄せ」と「右寄せ」を同一行内に混在させられます。 左寄せと右寄せを同一行内に配置した例 例えば、次のようなデザインを考えてみましょう。 タイトルは左寄せ、日付は右寄せになっていて、どちらも同じ行内にあります。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
これ知ってた？ base要素にtarget=
css-lecture.com
HTMLタグの読み方・実体参照 :検索エンジンのトリビア ::SEO塾(旧)
深い雪
たーちゃんの部屋 :: nicky!のログをMovableTypeに引き継ぐ方法