2021-08-28から1日間の記事一覧

WebページへのSNSの埋め込み

WebページへのSNSの埋め込み WebページへSNSを埋め込む時の方法をこちらにまとめます YouTubeの埋め込みの場合 YouTubeを埋め込むにあたって、YouTubeには以下の3種類のURLが存在することを理解しておく必要がある [ブラウザから視聴するURL] # ブラウザから…

HTMLでの<iframe>

HTMLでのとは? タグは、HTML文書の中にもう一つのHTMLファイルを組み込むもの(インラインフレームという) を使えばWebページの中にYouTubeの動画などを埋め込むこともできる タグの使い方は、以下のようになる <iframe src="(Webページの中に組み込みたいHTMLのファイル)" width="(Webページに組み込むHTMLの横幅)" height="(Webページに組み込むHTMLの縦幅"></iframe> 以下が実際の使用例 <iframe src="test3.html" width="200" height="100"></iframe> タグを使った実際の…

html_safeメソッド

[html_safe]メソッドとは? Railsでは、<%=%>を使ってHTMLの出力をする場合<%=%>の中に[<],[>],[&],["]といったHTMLにおいての特殊な文字を入れると、HTMLとしての意味で表示されてしまうため、Railsでは自動でこういった文字をエスケープしてブラウザ上でHT…

slim形式の[|]と[']

slim形式の[|]と['] slim形式でパイプライン(|)とシングルクォーテーション(')の意味がなかなか理解できなかったので、こちらにまとめます。 パイプライン[|]は、[|]以降に記載したものをコピーしてテキストとして定義する シングルクォーテーション[']は、…

インライン要素とブロックレベル要素

インライン要素とブロックレベル要素 インライン要素とブロックレベル要素が曖昧だったため、こちらにまとめます インライン要素とブロックレベル要素の例を以下に示します <h1 style="background-color: blue;"><p>テストです</p></h1> # ブロックレベル要素の中にブロックレベル要素 <h1 style="background-color: blue;"><strong>テストです</strong></h1> # ブロック…