CSS HTML 初心者 勉強中。

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

ブログの記事に更新日付を表示する方法 (手動)

ブログの記事に更新日付を手動で必要時のみ表示する方法について。 自分がよく使うので、いつでもコピペできるよう記事をあげます。 更新日付とは 手動で更新日付を追加する方法 更新日付 バージョン追加 更新日付とは 下の画像では 2018-09-04 の隣に 2018-…

画像の横に文字を並べたい時の対処法

画像の横に文字を並べたい時は、align属性を使います。 align属性といえば、以前少しだけ書きましたが、それをイメージタグに使うのですね。 HTMLの基本構造について。HTMLタグとは? 中央寄せ等のalign属性の話も少し。 基本構造 align属性を設定する・画像…

HTMLでLinkを貼りたい。

HTMLでリンクをはる方法。 基本 文字にリンクを貼りたい場合 画像にリンクを貼りたい場合 基本 基本は、 <a href=" ここにURL "> リンク </a> です。 文字にリンクを貼りたい場合 このブログは<a href="http.....URL">コチラ</a>。 とすると、 このブログはコチラ。 こうやってリンクを貼ることができるんですね。 …

HTMLで表をつくりたい。table を作ってみる。

今回はブログ内に表を貼りたかったので、その作り方を調べました。 エクセルをペタっと貼れたら楽なのに~(*´Д`) 構成 表のタグ 基本編 簡単な表を作ってみる。 表を装飾してみる <caption> ☆☆☆ </caption>:タイトルをつける。 bordercolor="#色指定": 枠の色を変える bgcolo…

HTMLで蛍光マーカーみたいに。

蛍光マーカーみたいな線を引きたい時は。。 こんな感じなら、HTMLで簡単にできます。 文字の背景に色をつけるというシンプルな方法。 黄緑 黄色 水色 ピンク 応用編 原型はこちら。 <span style="background-color: #色指定;"> ここに文字 </span> カラーチャートはコチラ。 黄緑 #00FF66 <span style="background-color: #00FF66;"> ここに文字 </span> 黄色 #…

HTMLで文章を四角で囲みたい。いろんなパターン編。

四角で囲みたいシリーズ、第2弾。 前回は、タイプ別の枠について書きましたが… 今日はいくつかパターンを作ってみます。 黄色枠の中をコピペしてHTML編集ができるシートに貼ったら、枠がつきます。 原型。 その1.実線、線幅 3px、まわり10px、枠のまわり 1…

HTMLで文章を四角で囲みたい。仕組み編。

文章全体を四角で囲みたい! CSSで指定してやる方法もあるけど、今回は、HTMLで直接指定する方法。 ちょっと見にくいです…。 必要な箇所に、目次から飛ぶのがいいかもしれません…(´_ゝ`) <div> タグのstyle属性を使う。 枠線のタイプを選ぶ。 枠線の太さを選ぶ。</div>…