基本のタグを覚えよう|FC2ブログ・プチカスタマイズ

  このページはFC2ブログ・プチカスタマイズの 基本のタグを覚えよう に関する情報を紹介しています。
  FC2ブログ・プチカスタマイズは、FC2ブログをちょっとだけ改造して、使い易くします。  FC2ブログの魅力は、初心者は初心者なりに、上級者は上級者なりにテンプレートやスタイルシートを改造して色々と変えることができるところ。 このブログでは、初心者から中級者向けのFC2ブログカスタマイズ法をあれこれご紹介。  FC2ブログを楽しみましょう。

 



FC2ブログ・プチカスタマイズの最新記事

独自ドメインどこで取ったらいい? (11/18)

ムームードメインで独自ドメインを収得したので独自ドメイン収得の流れをご紹介するよ (11/15)

独自ドメインどれをとればいい? (11/07)

FC2ブログから独自ドメインWordPressへの引越し手順概要 (11/02)

やつパリ独自ドメインにはメリットがある (10/24)

FC2ブログからワードプレスへメリットデメリット (10/23)

FC2ブログで障害多発・ほんとにただの障害? (10/07)

Google AnalyticsをFC2ブログに設置 (09/25)

Googlr Analyticsにサイトを登録しよう (09/20)

FC2ブログにファビコンをつけてみよう (08/14)

行間line-heightとpやdiv,ulスペース(領域)指定 (08/08)

HTMLのdiv、p、br、spanの使い方 (08/08)

FC2ブログの有料版メリット・デメリット (06/16)

GooglePageSpeed Insightsのユーザー エクスペリエンスを改善する (06/11)

FC2ブログ・有料化について思うこと (06/10)

関連記事リストにカテゴリ名と記事の投稿日時を表示する (06/10)

個別記事のタイトルは<%sub_title>≒<%topentry_title> (06/07)

サイトに戻るためのリンクをGoogleアドセンスの検索結果表示ページにつける (06/05)

Google『PageSpeed Insights』でスマートフォンサイトの読み込み速度を測定 (06/03)

FC2ブログの記事下や記事の真ん中に広告・ランキング・定型文を表示する方法 (06/02)

記事に直接Googleアドセンスのコードを入れ込むと後々苦労する (05/30)

TwitterボタンのHTMLタグを手に入れよう (05/28)

ブログの変更したい部分をソースで見てみるとスタイルシートの指定場所がわかる (05/25)

JavaScriptをインライン化・スマートフォンサイトの表示時間を早くするテンプレートカスタマイズ (05/21)

プラグイン3を位置変更してページ別に表示されるようにしてみた (05/18)

シーサーブログのサイドカラムを片側に寄せる (05/17)

検索エンジンの検索結果ページに投稿時間を表示する・SEO検索エンジン最適化対策 (05/14)

meta descriptionで記事要約を検索結果ページに表示する (05/13)

FC2ブログの記事の下に広告やランキングを表示させる方法 (05/10)

FC2ブログの関連記事リストを任意の場所に表示する (05/09)

リンクボタンを作ってみよう (05/08)

FC2拍手とFC2ブログ拍手違いを体感してみてね (05/05)

FC2拍手・タグの収得・FC2ブログのプラグインへの設置 (05/03)

FC2拍手のお礼ページを作ろう (04/30)

『拍手』ボタンを設置しよう・登録方法 (04/26)

禁則処理の方法・word-breakで改行の処理を指定するスタイルシート (04/25)

FC2ブログの表示が崩れる原因 (04/20)

ボーダーライン・スタイルの種類 (04/19)

ブラウザ別webページのソースを見る方法 (04/17)

シーサーブログの『過去ログ』リストを横表示にする方法 (04/16)

スタイルシートを使って文字を斜めにする (04/08)

HTMLで文字を斜めに表示する方法 (04/05)

スタイルシートでGoogleアドセンスのコードを横に並べて配置することもできる (04/03)

ヘッダーの行間・行の高さを調整する (04/02)

3カラムテンプレートの構成はどうして決まる? (03/21)

メインカラム左側、サイドカラム二つを右に配置するFC2ブログカスタマイズ・『96_seo_pink-3ca』の場合 (03/21)

FC2総合インフォメーション 【ブログ】「FC2ブログ」をオープンソースで公開!より自由にカスタマイズ可能! (03/19)

『ちょっとしたお小遣いに!ブロマガ記事を投稿しませんか?』といわれても (03/14)

禁則処理・line-break:で禁則処理をするスタイルシート (03/14)

FC2ブログのバックアップ・インポート(復元)で復元できる項目 (03/03)

総記事数:

 
 
Top Page > 基本のタグを覚えよう
【基本のタグを覚えようページ】



⇒この記事をもっと読みたい人はこちらの『スポンサーサイト』をクリック

 テンプレートに、<!--// //-->を書き込むと、何が起こるか?  何も起こらない?  其れで良いんです。 <!--// //-->の意味  <!--//これは、コメントを入れるためのタグ //-->。  <!--// //-->で囲われた文字はコメントとして扱われ、テンプレート表面には影響が出ない。  テンプレートの内容にも、あまり影響しない。  要するに、覚書。  テンプレートを...

⇒この記事をもっと読みたい人はこちらの『テンプレートにコメントを入れる』をクリック

 <h></h>とは一体何?  <h></h>はいわゆる、見出しをあらわすタグだ。  <h1></h1>からだんだん見出しとしての重要度が低くなる。  要するに、<h1></h1>は一番大きな見出し。  例えば、テンプレートのブログのサイト名は<h1>ブログのサイト名</h1>。  <h2>ブログの書かれた時期</h2>か<h2>個別記事のタイトル</h2&...

⇒この記事をもっと読みたい人はこちらの『<h></h>とは一体何?』をクリック

 FC2でも、シーサーブログでも、リッチテキストで記事を書くモード(HTMLの知識を必要としない。ワープロのようにそのまま記事を書くことができる)とHTMLで記事を書くモードの選択ができるようになっている。  リッチテキストモードは手軽でいいのだが、タグの挿入ができない(絶対じゃないけど)のが難点。  で、HTMLモードで記事を書くとき覚えておくといいのが、段落と改行。 段落をあらわす、HTML &...

⇒この記事をもっと読みたい人はこちらの『段落と改行を表すHTML』をクリック

 マーキーというタグを使うと、文字や画像をテロップのように流すことができる。 マーキーというタグを使うと、文字や絵をテロップのように動かすことができる  とこんな感じだ。  このマーキー、アレンジもいろいろ。 マーキーの背景色を変えてみた マーキーの動くスピードを変えてみた マーキーで、左側から右に流れるように設定した マーキーで文字を上下に動くようにしてみた...

⇒この記事をもっと読みたい人はこちらの『マーキーでテロップを流そう』をクリック

 マーキーというタグを使うと、文字や画像をテロップのように流すことができる。 <marquee>マーキーというタグを使うと、文字や絵をテロップのように動かすことができる</marquee> マーキーというタグを使うと、文字や絵をテロップのように動かすことができる これが基本。 <marquee bgcolor="#ff0000">マーキーの背景色を変えてみた</marquee> マーキーの背景色を変えてみた#以下の...

⇒この記事をもっと読みたい人はこちらの『マーキーを記述してみよう』をクリック

<h1></h1>、<h2></h2>などは見出しに使われるタグ。  重要度が高いものからだんだん重要度が下がっていく。  h1が最も重要度が高く、h6がもっとも重要度が低い。  Googleの検索などでもこの見出しの部分を優先的に拾っている場合が多いのだそうだ。    じゃあ、h1をたくさん付ければいいの?    いやいや、見出しタグは、付ける数や順番が決まっている。 見出しタグを使うこ...

⇒この記事をもっと読みたい人はこちらの『見出しタグの使い方』をクリック

 ブログ記事の中で、記号リストを使いたい場合、HTMLタグは、<ul><li>文章  </li></ul>と言う形になるのだが、この記号リストを使おうと思う場合に行を変えて、説明を付け加えたいなんて場合どうする? 記号つきリストの構造 記号付リスト1 記号付リスト2 記号付リスト3    上のHTMLは↓ <ul>  <li>記号付リスト1   <li>記号付リスト2 ...

⇒この記事をもっと読みたい人はこちらの『記号付リストの使い方』をクリック

 リスト(箇条書き)にするHTMLにも色々あったりする。 基本の記号付リスト オーソドックスな記号付リストはこれ <ul><li>オーソドックスな記号付リスト</li></ul>  この<ul><li>オーソドックスな記号付リスト</li></ul>はHTMLのバージョンにかかわらずどんなテンプレートでも使うことができる。  type="  "を付けて、記号を変えることもできるのだが、表示され...

⇒この記事をもっと読みたい人はこちらの『リスト(箇条書き)にするためのHTML』をクリック

 今日の話題は、画像の回りこみについて。 通常の画像の挿入と文章 これが、通常の画像の挿入と文章との関係。   画像の回り込みを指定した場合  これは、画像は左寄せ、文字は画像の右上から複数行回り込みにした例。 HTMLの記述は↓ <a href="http://blog-imgs-50.fc2.com/t/a/d/tadameru2/2013050721205282d.jpg" target="_blank"><img style="WIDTH: 113px; HEIGHT: 123px" border="0" alt= "...

⇒この記事をもっと読みたい人はこちらの『画像の回り込み』をクリック

 ブログの文字の表示を斜めにしてみよう。  HTMLで指定する方法とスタイルシートで指定する方法の2種類あるが、今回はHTMLで文字を斜めにする方法。   HTMLで文字を斜めに表示する方法 ・<em>~</em>で囲む。 例) 通常表示:『HTMLで文字を斜めにする』 ↓↓ <em>『HTMLで文字を斜めにする』</em> ↓↓ 表示:『HTMLで文字を斜めにする』   ・<I>~</I>(<i>~<...

⇒この記事をもっと読みたい人はこちらの『HTMLで文字を斜めに表示する方法』をクリック

 HTMLのdiv、p、br、spanの違いを知ろう。  pは段落、brは改行。  ここまではわかりやすい。  じゃあ、div、spanは?  ややこしいことは抜きとして、実際にはどの順番でどういうふうにdiv、spanを使うんだろう? divの内側にはdiv、p、brを入れることができる  divの中にはdiv、p、brを入れることができる。  たとえばこんな感じ <div style="BACKGROUND-COLOR: #ff0000;  "> <p>あああ</p&...

⇒この記事をもっと読みたい人はこちらの『HTMLのdiv、p、br、spanの使い方』をクリック

 | FC2ブログ・プチカスタマイズ | 

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。