YouTubeの動画URLリンク設定
下記、記述例のようなソースを書くことで、記述例の下にある画像をクリックしてYouTubeの動画再生ページへリンクすることができます。
豊かな歴史と文化の町・高砂市の情報サイト
1.Youtubeにログインします。
2.動画の管理などから挿入したい動画を選択します。
3.選択した動画の下へスクロールしていくと、「概要」「共有」「追加」とタブがあるので、
「共有」をクリックします。
4.「埋め込みコード」を選択、クリックします。
以下のようなソースが表示されますので、ソースをコピーし、YouTube動画の動画を表示したい位置に
貼り付けます。
ここでは、いろいろな位置に画像を配置する方法を解説します。
このパラグラフの残り画像を左寄せしたとき、文章が150ピクセルの画像の周りを囲むようになるかどうか見るためのものです。
ご覧のとおり、画像の上・下・右にスペースが空いている事がわかると思います。テキストは画像にこっそりと忍びよってはいません、忍び寄ることは良くない事です。画像だって十分に呼吸ができるスペースが必要なのです。画像が文章にイライラさせられることなく役割を果たせるようにしてあげてください。次の文章では、テキストが画像の右から下へとシームレスに途切れることなく続いている事がわかりますね。これで完了です !
下記の画像は1200ピクセルもありますが、コンテンツエリアからはみ出る事はなく収まっています。
今度は画像の右寄せに移りたいと思います。
左寄せの時と同様、画像の上、下、左に十分な余白があると思います。
そして、テキストが右寄せの画像の下に回り込んで、ちょうど良い具合に収まっているのが分かると思います。
ひきつづきちょうど良い具合にスペースが残されていて、すべてがきれいに表示されているはずです。
上記の画像は中央寄せになるはずです。おかしな表示になっていないか確認しましょう。
このパラグラフの残りの部分は、150×150 サイズの左寄せ画像の回り込みをテストするためのつなぎです。
ご覧の通り、画像の上・下・右にスペースが必要です。テキストが画像に近すぎないようにする必要があります。画像だって十分にスペースが必要なのです。次の文章では、テキストが画像の右から下へとシームレスに途切れることなく続いている事がわかりますね。これで完了です !
最後に右寄せ画像にキャプションをつけたいと思います。また今度も、画像の上、下、左に十分な余白があると思います。
このへんでテキストが右寄せの画像の下に回り込んで、ちょうど良い具合に収まっているのが分かると思います。ひきつづきちょうど良い具合にスペースが残されていて、すべてがきれいに表示されているべきです。そうです…。右画像に回り込むのって気持ちいいですね。
画像の配置のテストはこれで終わりです。
記事投稿をする際に、見出しはどうすればできるのか?表組はどうする? こんな悩みはこのページを読めば解決します。
記事の最初に書くのがタイトル、大きさや演出なども記事投稿のテクニックです。
記事の最初に書くのがタイトル、大きさや演出なども記事投稿のテクニックです。
記事の最初に書くのがタイトル、大きさや演出なども記事投稿のテクニックです。
記事の最初に書くのがタイトル、大きさや演出なども記事投稿のテクニックです。
記事の最初に書くのがタイトル、大きさや演出なども記事投稿のテクニックです。
記事の最初に書くのがタイトル、大きさや演出なども記事投稿のテクニックです。
一行の引用。
ハングリーであれ、愚かであれ。
cite
参照を含む複数行の引用。
これは言語みたいなものだ。アルファベットすなわち音階を学び、文すなわちコードを学ぶ。そしてやがてホーンと即興で会話するようになる。即興で話すのはすばらしいことだと思うが、私には決して会得できないだろう。しかし音楽ともなれば、私は即座によろこんで会話する。そう、それがジャズ音楽のすべてだ。
スタン・ゲッツ
社員 | 給料 | |
---|---|---|
山田太郎 | 1ドル | スティーブ・ジョブズが必要なサラリーと同じ額。 |
田中花子 | 1,000万円 | ブログを書くために必要になる資金。 |
山本次郎 | 1億円 | 百聞は一見にしかず、ということで、カメラマンはブロガーの100倍。 |
中山愛子 | 10億円 | 特に理由は要りません。 |
他の HTML タグの参考例です。
住所タグ
以下は住所の例です。<address>
タグを使用しています:
anchor タグ (リンク)
これは <anchor>
(もしくはリンクとも呼ばれます) の例です。
abbr タグ
この abbr は文章の中にある <abbr> タグの例です。
Strong タグ
このタグは太字テキストを表しています。