820289 ランダム
 HOME | DIARY | PROFILE 【フォローする】 【ログイン】

再挑戦への記録☆目指せ☆ちょこちょこアフィリエイター☆

再挑戦への記録☆目指せ☆ちょこちょこアフィリエイター☆

テキスト装飾タグ

《 ＨＴＭＬタグの基本知識ＩＮＤＥＸ 》
いろいろ
タグ		 テキスト
装飾		 フォント テキスト
（おまけ）		 バナー
リンクの
貼り方		 アクセス
アップ		 水平
区切り線
文字を
囲む線		 画像の枠 テーブル
タグ		 豆知識 色の名前 画像リンク
の方法		 楽天
友達の輪


*** テキスト装飾タグに挑戦してみよう ***
  • 《 標準 》
    • 　　今日は、また雪がすごいです。
  • 《 太字 》
    • 　　今日は、また雪がすごいです。

    　　今日は、また<b>雪がすごい</b>です。
  • 《 斜体 》
    • 　　今日は、また雪がすごいです。

    　　今日は、また<i>雪がすごい</i>です。
  • 《 下線 》
    • 　　今日は、また雪がすごいです。

    　　今日は、また<u>雪がすごい</u>です。
  • 《 取消線 》
    • 　　今日は、また雪がすごいです。

    　　今日は、また<s>雪がすごい</s>です。


    スクエアライン


      　　　
    • センタリングのタグ→<center>～</center>

      　　　
    • 段落を区切るタグ→　<p>～</p>


      • 　　　
    • 文章を箇条書きにするタグ→　<ul>～</ul>

      　　　
    • 項目の文頭にマークがつくタグ→　<li>～</li>

      　　※知っておこう※

      　　<li>タグは終了タグを省略できるよ

      《 リストをつくるタグはこう使うよ 》・・・文頭のマークは変更可能（別記）

      　　<ul>
      　　<li>センタリングをする
      　　<li>段落を区切る
      　　<li>文章を箇条書きにする
      　　<li>項目の文頭にマークがつく
      　　</ul>


    《 上記のタグで作成したリストはこうなるよ 》
      　　
    • センタリングをする 　　
    • 段落を区切る 　　
    • 文章を箇条書きにする 　　
    • 項目の文頭にマークがつく
    　　

    スクエアライン


    《 リストマークの変更 》

      　　
    • センタリングをする 　　
    • 段落を区切る 　　
    • 文章を箇条書きにする 　　
    • 項目の文頭にマークがつく
    <ul>
    　　<li>センタリングをする
    　　<li type="circle">段落を区切る
    　　<li type="square">文章を箇条書きにする
    　　<li>項目の文頭にマークがつく
    </ul>

    　*** リストマークの種類 *** 　　 　　
      　　
    • ・・・黒丸（何も指定しなければ、これになるよ！） 　　
    • ・・・白丸 　　
    • ・・・黒正方形 　　
    　※知っておこう！※
    　<ul>タグに、type="マークの指定"で、リスト全体に指定ができます。
    　<li>タグでは一つ一つが指定できます。

    スクエアライン


    ochie240のHOMEへ


    オシャレな雑貨がいっぱいのお店です 楽天ブックストップページ 【楽天市場】家電市場

    © Rakuten Group, Inc.