CSS HTML 初心者 勉強中。

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

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

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

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

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

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

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