CSS HTML 初心者 勉強中。

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

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…

HTMLで表をつくりたい。いろいろなパターン編。

表を作りたい。第2弾。 というか、コピペして使えるように、 前回の記事のHTMLを書きだしただけです。( ゚Д゚) 基本の記事はこちら 簡単な表 表を装飾する <caption> ☆☆☆ </caption>:タイトルをつける。 colspan="n":n個のセルの連結。 下の3つを連結する場合。 右側下2つを連…