下記、記述例のようなソースを書くことで、記述例の下にある画像をクリックしてYouTubeの動画再生ページへリンクすることができます。ソースコード埋込YouTubeの埋込ソースコードを入力して、動画プレーヤーを設置(表示)してみよう1.Youtubeにログインします。2.動画の管理などから挿入したい動画を選択します。「共有」をクリックします。4.「埋め込みコード」を選択、クリックします。以下のようなソースが表示されますので、ソースをコピーし、YouTube動画の動画を表示したい位置に貼り付けます。画像をいろいろな位置に配置してみよう。ここでは、いろいろな位置に画像を配置する方法を解説します。画像を中央寄せで表示してみよう。height=”300′′></p>画像を左寄せし、その周りに文章を書いてみよう。height=”150′′>このパラグラフの残り画像を左寄せしたとき、文章が150ピクセルの画像の周りを囲むようになるかどうか見るためのものです。ご覧のとおり、画像の上・下・右にスペースが空いている事がわかると思います。テキストは画像にこっそりと忍びよってはいません、忍び寄ることは良くない事です。画像だって十分に呼吸ができるスペースが必要なのです。画像が文章にイライラさせられることなく役割を果たせるようにしてあげてください。次の文章では、テキストが画像の右から下へとシームレスに途切れることなく続いている事がわかりますね。!このパラグラフの残り画像を左寄せしたとき、文章が150ピクセルの画像の周りを囲むようになるかどうか見るためのものです。ご覧のとおり、画像の上・下・右にスペースが空いている事がわかると思います。テキストは画像にこっそりと忍びよってはいません、忍び寄ることは良くない事です。画像だって十分に呼吸ができるスペースが必要なのです。画像が文章にイライラさせられることなく役割を果たせるようにしてあげてください。次の文章では、テキストが画像の右から下へとシームレスに途切れることなく続いている事がわかりますね。!とても大きな画像を表示してみよう。(この画像には配置の指定がありません)下記の画像は1200ピクセルもありますが、コンテンツエリアからはみ出る事はなく収まっています。height=”400′′>画像を右寄せで表示してみよう。height=”200′′>今度は画像の右寄せに移りたいと思います。左寄せの時と同様、画像の上、下、左に十分な余白があると思います。テキストが右寄せの画像の下に回り込んで、ちょうど良い具合に収まっているのが分かると思います。ひきつづきちょうど良い具合にスペースが残されていて、すべてがきれいに表示されているはずです。画像にキャプションをいれてみよう。height=”300′′>キャプション[/caption]キャプション上記の画像は中央寄せになるはずです。おかしな表示になっていないか確認しましょう。サイズの左寄せ画像の回り込みをテストするためのつなぎです。ご覧の通り、画像の上・下・右にスペースが必要です。テキストが画像に近すぎないようにする必要があります。画像だって十分にスペースが必要なのです。次の文章では、テキストが画像の右から下へとシームレスに途切れることなく続いている事がわかりますね。height=”200′′>右寄せ画像のキャプション[/caption]右寄せ画像のキャプション最後に右寄せ画像にキャプションをつけたいと思います。今度も、画像の上、下、左に十分な余白があると思います。このへんでテキストが右寄せの画像の下に回り込んで、ちょうど良い具合に収まっているのが分かると思います。ひきつづきちょうど良い具合にスペースが残されていて、すべてがきれいに表示されているべきです。右画像に回り込むのって気持ちいいですね。画像の配置のテストはこれで終わりです。こんな悩みはこのページを読めば解決します。読みやすさと美しさにこだわったタイトル記述例:<h1>読みやすさと美しさにこだわったタイトル</h1>記事の最初に書くのがタイトル、大きさや演出なども記事投稿のテクニックです。読みやすさと美しさにこだわったタイトル記述例:<h2>読みやすさと美しさにこだわったタイトル</h2>記事の最初に書くのがタイトル、大きさや演出なども記事投稿のテクニックです。読みやすさと美しさにこだわったタイトル記述例:<h3>読みやすさと美しさにこだわったタイトル</h3>記事の最初に書くのがタイトル、大きさや演出なども記事投稿のテクニックです。読みやすさと美しさにこだわったタイトル記述例:<h4>読みやすさと美しさにこだわったタイトル</h4>記事の最初に書くのがタイトル、大きさや演出なども記事投稿のテクニックです。読みやすさと美しさにこだわったタイトル記述例:<h5>読みやすさと美しさにこだわったタイトル</h5>記事の最初に書くのがタイトル、大きさや演出なども記事投稿のテクニックです。読みやすさと美しさにこだわったタイトル記述例:<h6>読みやすさと美しさにこだわったタイトル</h6>記事の最初に書くのがタイトル、大きさや演出なども記事投稿のテクニックです。ハングリーであれ、愚かであれ。記述例:<blockquote>ハングリーであれ、愚かであれ。参照を含む複数行の引用。これは言語みたいなものだ。アルファベットすなわち音階を学び、文すなわちコードを学ぶ。ホーンと即興で会話するようになる。即興で話すのはすばらしいことだと思うが、私には決して会得できないだろう。音楽ともなれば、私は即座によろこんで会話する。それがジャズ音楽のすべてだ。スタン・ゲッツ記述例:<blockquote>これは言語みたいなものだ。アルファベットすなわち音階を学び、文すなわちコードを学ぶ。ホーンと即興で会話するようになる。即興で話すのはすばらしいことだと思うが、私には決して会得できないだろう。音楽ともなれば、私は即座によろこんで会話する。それがジャズ音楽のすべてだ。スティーブ・ジョブズが必要なサラリーと同じ額。ブログを書くために必要になる資金。百聞は一見にしかず、ということで、カメラマンはブロガーの100倍。href=”http://example.org/”>山田太郎</a></th><td>1ドル</td><td>スティーブ・ジョブズが必要なサラリーと同じ額。href=”http://example.org/”>田中花子</a></th><td>1,000万円</td><td>ブログを書くために必要になる資金。href=”http://example.org/”>山本次郎</a></th><td>1億円</td><td>百聞は一見にしかず、ということで、カメラマンはブロガーの100倍。href=”http://example.org/”>中山愛子</a></th><td>10億円</td><td>特に理由は要りません。詩を構成するものの定義。ギャラリーこんかい導入された、投稿に添付された画像を展示するための機能です。同じように、投稿を編集中にアップロードすると、そのファイルは「投稿に添付」されます。サービスによって管理されています。このサービスを利用すると、ブログ所有者は自分のブログを設定することによりコメント欄にユーザーのグラバターを表示させることができます。記述例:<dl><dt>定義リストタイトル</dt><dd>これは定義リストです。<em>詩を構成するものの定義。</em></dd><dt>ギャラリー</dt><dd>こんかい導入された、投稿に添付された画像を展示するための機能です。同じように、投稿を編集中にアップロードすると、そのファイルは「投稿に添付」されます。サービスによって管理されています。このサービスを利用すると、ブログ所有者は自分のブログを設定することによりコメント欄にユーザーのグラバターを表示させることができます。住所タグ以下は住所の例です。