記事検索

Chikaのブログ

https://jp.bloguru.com/coaching-chika

フリースペース

コピペで使えるHTMLタグ集①_Day6

スレッド
コピペで使えるHTMLタグ集①...

理系OLのChikaです🧠





おはようございます。今日は

ブログを自分らしく彩りたい


そんな気持ちにお応えする、
コピペで使えるHTMLタグ集①です。

ぜひ使ってみてください!!!



【使い方】

例:文字を赤くしたい時。




手順①
<font color="#ff7f7f">赤色の文字</font>
をコピペ


手順②
『赤色の文字』の部分をお好きな言葉に。

以下、すぐ使える例です。





見出し 1


<h1>見出し 2</h1>


見出し 2


<h2>見出し 2</h2>


見出し 3


<h3>見出し 3</h3>


見出し 4


<h4>見出し 4</h4>


見出し 5

<h5>見出し 5</h5>


見出し 6

<h6>見出し 6</h6>





赤色の文字
<font color="#ff7f7f">赤色の文字</font>


青色の文字
<font color="#7fbfff">青色の文字</font>


黄色の文字
<font color="#ffff7f">黄色の文字</font>


緑色の文字
<font color="#bfff7f">緑色の文字</font>





マーカー太め
<span style="background: linear-gradient(transparent 50%, #ff7f7f 0%);">マーカー太め</span>


マーカー細め
<span style="background: linear-gradient(transparent 70%, #ff7f7f 0%);">マーカー細め</span>


マーカー極細
<span style="background: linear-gradient(transparent 85%, #ff7f7f 0%);">マーカー極細</span>


青マーカー
<span style="background: linear-gradient(transparent 70%, #7fbfff 0%);">青マーカー</span>


黄色マーカー
<span style="background: linear-gradient(transparent 70%, #ffff7f 0%);">黄色マーカー</span>


緑マーカー
<span style="background: linear-gradient(transparent 70%, #bfff7f 0%);">緑マーカー</span>


太字
<b>太字</b>


下線
<u>下線</u>

改行
<br>




<hr>





ご不明点ありましたら、ぜひコメントください。






【毎日投稿チャレンジ中です】
毎日投稿はじめます_Day2
https://jp.bloguru.com/coaching-chika/422734/day2

twitterはじめました
https://twitter.com/Chika_Coaching

インスタはじめました
https://www.instagram.com/chika.coaching/




























#HTML #HTMLタグ #コーチ #コーチング #ブログ #リケジョ #毎日投稿チャレンジ #迷走中OL #銀座コーチングスクール

ワオ!と言っているユーザー

  • ブログルメンバーの方は下記のページからログインをお願いいたします。
    ログイン
  • まだブログルのメンバーでない方は下記のページから登録をお願いいたします。
    新規ユーザー登録へ
ファルコン
ファルコンさんからコメント
投稿日 2021-11-27 05:59

初めまして、たまに私も文字色を変えて文章中に入れていますが、
#ff…での色指定は記号を覚えるのが大変だと思います。
わたしは、<HREF><FONT COLOR=RED>「指定文字」</FONT>として(大文字としています)
REDやGREENといったFONT指定の方が簡単のように思えるのですが・・・。

ワオ!と言っているユーザー

Chika
Chikaさんからコメント
投稿日 2021-11-27 06:10

>ファルコンさん
コメントありがとうございます。いつも拝見させて頂いております!
はい、おっしゃる通りコメントいただいたものがシンプルでわかりやすいですよね♬
わたしは色々な色を使いたいものの覚えられないので、いつもこんなのを参考に色を指定しております。
https://www.colordic.org

ワオ!と言っているユーザー

hokonohara ryo
hokonohara ryoさんからコメント
投稿日 2021-12-01 10:09

こんにちは、質問です。Chikaさんが行っている、文字を大きくする+カラーにすると言う合わせ技はどうすればできますか?^^
色の記号のweb参考になります。同様にHTMLの参考になるようなサイトってありますか?

ワオ!と言っているユーザー

Chika
Chikaさんからコメント
投稿日 2021-12-01 21:58

>hokonohara ryoさん
こんばんは!
下記タグは、太字、サイズ、ピンク色の文字を組み合わせたものです。

美味しいご飯が食べたい

<b><h2><font color="#ff1493">美味しいご飯が食べたい</font></b></h2> ここ、トリックがありまして、順番が違うと何かしら漏れます。 ぜひお試しください。

ワオ!と言っているユーザー

Chika
Chikaさんからコメント
投稿日 2021-12-01 22:02

>hokonohara ryoさん
また、HTMLの参考です。
色やサイズ、割合等を微調整することで、ほとんどやりたいことができると思います。
https://p-eito.com/html/marker/

ワオ!と言っているユーザー