Edge of the forest

    FIAT500・猫・ハーブ・植物 etc.    ちょっと気になったことの記録や思ったことを。

    HTML,CSS内にコメントを入れる方法「コメントアウト」範囲内のコメントはブラウザ上に表示されない。囲ったタグを一時的に無効(排除)にする。複数の行、タグの入った文もOK。HTML内CSS内/*コメント*/...

    見出しなどに枠をつける方法

    枠などの表示の仕方枠を自分の好きなように作るには、<div style="~;~;~;~;~;~;">(文章)「~;~;~;~;~;」の部分に、プロパティや値を入力すると、好きなように作ることができる。~;~;~;の順番は決まってません。線の種類直線=solid破線=dashed点線=dotted二重線=double線なし=none4線の指定border-(場所 left top right bottom): (線の種類)(色)(太さ)線の色の指定border: (色) 背景の色の指定bac...

    見出しのルール

     え!?見出しにルールがあるの???ブログの記事って、ただ書けばいいと思っていたが、なかなかいろいろなルールというものがあるのね・・・今回は見出しのルール。見出しは記事のタイトルとかなどのことを言うが、大文字・強調・下線・枠・色などを使い表現しているのをよく見るので、真似をして書けばいいとばかり思っていた…が、違うらしい。見出しには見出しのルールがあった・・・えー見た目じゃないの!? Σ(´Д`*)spanやd...
    基本HTML(えいちてぃーえむえる)=Hyper Text Markup Language(はいぱーてきすとまーくあっぷらんげーじ)・HTML5は<!DOCTIPE html>宣言を書く・html  でコード全体を挟む・head  ページの情報 タイトル 文字コードなどの情報や設定 (表示されない情報)     はここで書く・body コンテンツ(内容) 表示したい情報はすべてこの中に配置する・p  paragrah(ぱらぐらふ)の略 段落タグ・div  Divisionの略...

    ライン(線)の引き方

    ラインを引くには hr を使うラインを引くにはを使う。終了タグはない。単体で使い、挿入したい箇所に使う。hrは「区切り」という要素。線の種類や太さ、色などを変える線の太さ、色、種類など色々変更することができる。その時に使うのがこれ ↓<hr style="border: 0; border-top: ~ ;">(例)<hr style="border:0;border-top:3px dotted blue;">border:0とはhrの要素を消すという意味。border-top: の後に線...

    リスト表示の方法

    ・でリスト表示する方法ul liを使う・・・・・・・・・・・・・・・数字で順序を表示する方法ol liを使う1.・・・・・2.・・・・・3.・・・・・...

    改行と段落のルール

    改行と段落改行にはを使う。あくまでも、文章を分割するときに使う。改行に、を使う。が!!!モニターの大きさに合わせて自動で改行されたり、表示するフォントによって文字間が変わる為に表示が変わったり、小さなモニター スマホなどで見るとき読みにくくなる場合があるので、あまり使わない。スペースをあけるためにを使わない。をたくさん使うのは✖段落はを使う。<p>・・・・文章・・・・・・<br>・・・・文章・・・・...

    引用の枠をつける方法

     引用文に枠をつけて表示する-----この文は引用した文です!-----     という ↑ の表示にするには。*blockquote (ブロッククォート) を使うblockquote><p>------引用文-----</p></blockquote>出典先を記入する場合<blockquote><p>------引用文-----</p><p>出典:<cite>出典先のURL</cite></p></blockquote>...

    黄色いマーカー線を引く

    黄色のマーカー線を引く文を強調するためにマーカー線を使いたい!!!黄色のマーカー線にするには・・・ 例えばこんな感じ     ↓〇〇〇☆☆☆☆☆!!!!!♡♡♡!!!〇〇〇CSSに入力してから使う方法☆☆☆☆☆!!!!!♡♡♡!!!CSS.yellow-line{background:linear-gradient(transparent 40%, #ffea00 0%);}#ffea00 は色の番号(中黄色) 変更可能 yellow-line も変更可能。 赤だったら red-line とか。 ラインの太さは 太...
    記事を読みやすくするために見出し・文などに囲み枠をつける方法せっかくだから読みやすい・見やすい記事が書きたい!でも!しかし!よく見かける表示の仕方もどうしていいのかわからない・・・何とか調べたりしてやっては見たが、すぐ忘れてしまう…(=∀=) のでなるべく使いやすく・シンプルなものを書き留めておいた。CSSにコードを入力して使う方法テンプレートのCSSにコードを入力しておき、記事(文章)にHTMLコードをつけて入...

    画像にリンクを貼る方法

     画像をクリックするとリンク先に移動できるようにする。HTML<a href="リンク先のURL "><img src="画像のURL"height="高さ"width="横幅"alt="代替文字"></a>...

    色番号の覚書

    色番号色名使用場所#165e83藍色メインカラー 表題#eaf4fc月白(げっぱく)枠 強調#507ea4薄縹(うすはだ)枠#5d627bHexadecimal Code枠#2a83a2花浅葱(はなあさぎ)#008899納戸色(なんどいろ)#84b9cb 麻縹(あさはなだ)#e8ecef白花色(しらはないろ)枠 background#ebf6f7藍白(あいじろ)#ffea00中黄色(ちゅうきいろ)黄色マーカー#fcc800向日葵(ひまわりいろ)  その他色番号はこちらで探せます  WEB色見本 原...