CSS HTML 初心者 勉強中。

CSS HTML 初心者です。備忘録的メモです。

   当サイトはアフィリエイト広告を利用しています

【CSS・HTML】ブログの文字の大きさを変えたい

ブログなどを作る時は、テンプレートを使うのが楽。 でも、文字の大きさや行間を好みのものにアレンジしたい時ってあると思います。 また、適切でない文字の大きさの場合、SEOに影響することもあるとか。 そこで今回は、文字の大きさをHTMLやCSSで調整する方…

HTMLで同一ページ内にリンクを作る

今回ご紹介するのは、ページ内で任意の場所に飛ばす方法。 すごく簡単です。 原型 例 微妙にずれてしまう場合 原型 ① <a href="#A1"> ここに文字 </a>② <div id=“A1”> ここに文字 </div> ①から②にジャンプできます。 ①と②の “” 内は同じ文字 にします。 (上ではA1にしていますが、半角文字 ならな…

HTMLでラインを引きたい。

今回はラインを引く話。 黄色枠の中をコピペしてHTML編集ができるシートに貼ったら、線を引くことができます。 1. style で指定 基本 太さを変える 色を変える 長さを変える 配置を変える★できない…( ノД`) 誰か教えてください… まとめ 2. hr タグを使う 基…

HTMLで蛍光マーカーみたいに。第2弾。下半分にマーカーを引いている感じに仕上げる。

以前 こんな感じにマーカーをひきたい 時の方法をご紹介しましたが… ▶▶ HTMLで蛍光マーカーみたいに。 - CSS HTML 初心者 勉強中。 今回ご紹介するのは、このタイプ。 黄緑 黄色 水色 ピンク ふとめ黄緑 ほそめ黄緑 原型はこちら。 <span style="background: linear-gradient(transparent 太さ%, #色指定 0%);"> ここに文字 </span> カラーチャ…

【HTML】上付き文字、下付き文字

「平方メートル」を変換すると、 m2[環境依存] と表示されます。 環境依存ってことは、つまり、 ブラウザなどの環境によっては、文字化けするかもってことですよね。 ということで、今回は、上付き文字や下付き文字の表示方法について。 上付き文字 下付き…

HTMLで表をつくりたい。いろいろなパターン編。リンク一覧 応用編。

表を作りたい。第3弾。 完全に自分が使いたいためだけ…(*´Д`) 基本の記事はこちら 今回作りたい雛形 雛形 基本の記事はこちら HTMLで表をつくりたい。table を作ってみる。 HTMLで表をつくりたい。いろいろなパターン編。 以前アップした記事です。 今回は…

HTMLだけで文章をかこむ枠に装飾をつけたい。

四角で囲みたいシリーズ、第3弾。 ちょっと装飾のついた枠をHTMLだけで表現できないか試行錯誤してみました。 もちろん、CSSとHTMLを使って表現するのが基本ではあるのでしょうけれども… 私天邪鬼なので (笑)。 枠の原型。 上にタブ、カラー枠、実線、線幅3p…