2020年

今回は、width: calc();を使って、以下の画像のようなカードの横並びをする方法をご紹介します。 width:calc(…);の使い方 calcの基本的な使い方 まずは、基本的な使い方の解説からです。 これは、w […]

今回は、要素を横並びにするdisplay:flex;(flexbox)の使い方を、 画像とコード例をお見せしながらわかりやすくご紹介します。 display:flex;（flexbox)の使い方 まずは、要素を横並びにす […]

今回は、サイトの最後に書くコピーライトの書き方をご紹介します。 [簡単]HTMLコピーライトの書き方 まずは結論から！ 以下がコピーライトの書き方です。 このように、コピーライトは、 ・＠または、Copyrightの記載 […]

今回は、aタグの下線を消すtext-decorationの使い方をご紹介します。 aタグの下線を消すtext-decorationの使い方 aタグのテキストの下線を消すには、 『text-decoration: none […]

今回は、section要素とarticle要素の違いについて解説します。 sectionとarticleの違いについて まずは、以下の使用例をご覧ください。 このように、sectionとarticleの違いは、 sect […]

今回は、サイトにGoogleマップを埋め込む方法を、画像を使いながらわかりやすく解説します。 Googleマップをレスポンシブでサイトに埋め込む方法 1.Googleマップで、埋め込みたい場所を選択し、共有をクリック ま […]

今回は、navタグとリスト要素を作る際のul、ol、liタグの解説を致します。 navタグとリスト要素の使い方[ul,ol,li] まずは、ナビゲーションの要素に使うnavタグについて説明します・ ナビゲーションに使うn […]

今回は、リストの先頭に『・』や数字を表示させる『list-style』について解説致します。 リストの先頭にアクセントをつけるlist-styleの使い方 百聞は一見にしかずということで、 まずは、使用例のデモをご覧くだ […]

今回は、HTMLコードのtimeの使い方について解説します。 timeの使い方 HTMLコードのtimeは、日付や時間に対して使用するコードです。 特に、timeを記載しなくても問題はありませんが、 ブラウザに対して正確 […]

今回は、テキスト要素を表示するためのHTMLコードである『h1〜h6、p、a、span、br』を紹介します。 テキスト要素を表示するためのHTMLコード集[h1〜h6、p、a、span、br] 見出しに使うh1〜h6 h […]