[B! HTML] zaitakujinのブックマーク

CSSで簡単！ホームページで背景画像と文字を重ねる方法

Twitter facebook Google+ LINE こんにちは。ビータイズのWeb職人まいたけです。ホームページを自分で作成している時、「文字は極力画像を使ってはいけない」というケースが多々あるかと思います。例えばAMP※対応するとき等も含めてページの表示スピードを上げたい時や、よりhtmlを検索エンジンに認識されやすい構造にする必要がある時（いわゆるSEO対策）ですね。今回の記事は、例えばメインビジュアルは画像を使いたいけど文字だけはブラウザの打ち文字※で表示したい時に役立つものですので、是非試してみてください。 ※AMPとは？ AMPとはGoogleやTwitterなどが参加するAMPプロジェクトが構築した「Accelerated Mobile Pages」の略で、主にモバイル向けのホームページを高速で表示するための仕組みのことです。高速で表示させるため、htmlやCSS、

zaitakujin 2023/11/16

リンク

【CSS】widthとheightの解説！効かない時の解消法

widthとheightはそれぞれ、要素の横幅と高さを指定するプロパティです。基本的にこのプロパティを組み合わせてレイアウトを整えていくことになります。とても使用頻度が高いプロパティとなるので、しっかりと理解しておきましょう。この解説を読むことで下記のようなことが理解できると思います。 widthとheightの使い方がわかる widthが効かない場合の対処法が知りたい

zaitakujin 2021/09/28

HTML

リンク

YouTube以外で動画をホームページに埋め込む方法｜ムービーアップロード | MK2-BLOG～西宮のWEBデザイナー日記

動画はYouTubeでホームページに埋め込むのが一番手っ取り早いですが、全体に公開したくない動画や会員専用サイトのみで使いたい動画の場合、YouTubeでアップすることが難しいと思います。 YouTubeには「全体に公開」「非公開」「限定公開」の3種類があり、会員専用サイトにのみ公開したい動画を作成する場合、限定公開でいいと思っていました。（非公開はGoogleアカウントを持っている人がダメだったりと制限があります）いかし調べていると、そのアドレスはYouTube内で検索されないだけで、何かでリンクURLがもれた場合は、誰でも見れてしまうからです。つまり、動画のアドレスがもれると誰でも見られてしまうという話。これではダメなので、結局直接サーバーにアップしてそれを見てもらおうと考えました。今回はそんな限定公開したい動画を埋め込む場合、色々困ったので備忘録としてメモしておきます。

zaitakujin 2021/07/07

リンク

Webウェブデザインレッスン

Webデザインレッスントップページこのサイト「Webデザインレッスン」は、Webサイトを作成するための基本的な知識と、より良いサイトにするためのヒントやコツを紹介しています。実際のサイト作成に役立つように、できる限り多くの例を紹介しています。各セクションの説明このサイトは大きく分けて次の3つのセクションからなっています。はじめに Webサイトを作成する前に知っておいてもらいたいこと、用意するものや作成についての基本的な流れを紹介しています。 HTMLとXHTML Webサイト作成において最も基本となるHTMLとXHTMLについて紹介しています。入門講座や資料などがあります。 CSS Webサイトのビジュアル面に影響を与え、華を添えるCSSについて紹介しています。入門講座、資料があります。このサイトを作ることになったキッカケこのサイトを作成したのは、友人、知人から「ホームページ

zaitakujin 2021/07/03

リンク

ol,li,リストで括弧付の数字を作る方法 | Webお役立ちネタ帳

ol.list_parentheses{ padding:0 0 0 2em; margin:0; } ol.list_parentheses li{ list-style-type:none; list-style-position:inside; counter-increment: cnt; } ol.list_parentheses li:before{ display: marker; content: "(" counter(cnt) ") "; }

zaitakujin 2018/07/09

リストかっこ付き数字

リンク

タグの部屋

tagnoheya.com 2024 著作権. 不許複製プライバシーポリシー

zaitakujin 2016/07/20

リンク

簡単で正しいHTMLの書き方

1995年に「簡単で正しいHTML」を公開して以来、早くも25年という年月が経っていました。その間、中身を大きく変更することもなく、半ば放置していたような状態でしたが、未だに毎日60名前後の方々が訪れてくださることに、大変、感謝しております。 1995年当時からWebを取り巻く環境は大きく変化し、既に情報の発信源は動画に移行した感のある今日、個人でも法人でも情報発信するために一からHTMLを書く機会はなくなりました。ブログを始めとするCMSでは、作成したページをHTMLファイルとして意識することすらありません。しかし、ブログが標準で持っている機能だけではなく、ちょっと手を加えたいなとなったとき、HTMLを直接編集することもあるでしょう。そんなとき、HTMLを正しく理解しているのと、何となくで適当に向き合うのでは、ずいぶんと違うと思います。そんな機会がどれくらいあるかはわかりませんが、未だ

zaitakujin 2013/03/31

HTML

リンク

Binbo-Special－技術資料－HTML－ローマ数字を表示する

zaitakujin 2012/10/19

HTML

リンク

Loading...

zaitakujin 2012/06/21

まとめまとめまとめま・・・

リンク

スタイルシート［CSS］/ページ全般/印刷時の改ページ部分を指定する - TAG index

avoid の指定は、Opera以外では対応していないようです。指定例見出し（h2要素）の直前で改ページさせる例 h2 { page-break-before: always; } 水平線（hr要素）で区切って改ページさせる例 hr { page-break-after: always; } 使用例 h2要素の直前で改ページさせる例 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>文書のタイトル</title> <style type="text/css"> h2 { page-break-before: always; } </style> </head> <body> <h1>印刷時の

zaitakujin 2011/02/01

HTML

リンク

HTML5ことはじめ | Another Step.com

制作者側にはかなり普及してきた感もあるHTML5。情報は溢れていますが、自身も少しづつ勉強してきたのでXHTML1.0との違いなどをメモがわりにアウトプットしてみた。 (マークアップメインの話です) HTML5はW3Cより2008年1月22日に草案が発表され、2010年8月現在も草案の段階です。勧告はW3Cが2012年3月、WHATWGは2022年としており、どちらにしてもまだ先ですが、新しいブラウザは段階的に対応していくと予想されるし、JSを使えばIEもカバーできるので、現状利用することも可能でしょう。メリット・デメリットについては賛否両論?あるでしょうが… ※このサイト自体もHTML5で組んでいますが、HTML5、WordPressともに未熟なため、制御できず正しく組めていない箇所があります。また下記内容についても間違っている可能性があるので、その場合は指摘していた

zaitakujin 2010/08/23

HTML

リンク

HTML 4.01 Specification (ja)

正規の規定はW3Cサイトにある英語版であり、この日本語版は参考にすぎません。邦訳の過程で気づいた原規定の誤りについては原著者に報告し、明らかなタイプミス等についてはerrataに掲載される前であっても修正した訳を掲げる場合があります。この文書には、翻訳上の誤りがあり得ます。当委員会は翻訳の正確性を保証しません。あくまでご自身の責任でご利用ください。原著作権をW3Cが保有し、二次著作権をHTML 4仕様書邦訳計画補完委員会が保有します。 HTML 4.01仕様書 1999年12月24日付W3C勧告この版の原書: http://www.w3.org/TR/1999/REC-html401-19991224 (プレーンテキストファイル [794Kb]、HTMLファイルのtar.gzアーカイブ [371Kb]、HTMLファイルのzip アーカイブ [405Kb]、gzipしたPostScri

zaitakujin 2010/06/25

仕様（日本語）

HTML

リンク

【HTMLタグの簡単検索】TAG index - ホームページ作成情報

リファレンスについて HTML リファレンス HTML Living Standardに対応したリファレンスです。 HTMLタグリファレンス HTML4の時代に作成したリファレンスです。古いWebページを更新する際などに参考にしてください。 CSS リファレンス CSS2の時代に作成したリファレンスです。