劣化しないイメージファイルSVGの設置やCSSで色を変更する方法をご紹介します。
CATEGORY HTML
HTMLのソースコードの書き方や、基本の記述方法をご紹介しています。
HTMLでtableタグを使って表(表組み)をコーディングしてみよう
表組み(table)はwebデザイン上で多用する要素の1つです。縦横の組み方、セルの統合を知ることで表現の幅が広がります。
絶対パス・相対パス・ルートパスの書き方と違いについて
パスには絶対パス、相対パス、ルートパスの3種類の違いはなんでしょうか。どのパスで進めたらよいのか迷っている方のご参考になればと思います。
webサイトに掲載したい画像(写真やイラスト)を設置してみましょう
htmlで画像を設置する方法をご紹介。画像を用いる事でユーザーのイメージを伝えやすくなりますし、画像1つあるかないかでページのアクセス数が変わる程、イメージは大切なものになっています。
webサイトのベースになる形(レイアウトデザイン)をコーディングしてみましょう
webサイトの基本的な形を幅や真ん中寄せなどHTMLとCSSでコーディングしていきましょう!
リンクの_blankを使う時に同時設定する「rel=”noopener”」ってなに?
_blankに「rel=”noopener”」が付いているソースを見かける様になりましたが、これはセキュリティの為に必要なタグとなります。
aタグ(ハイパーリンク)を指定してリンクを貼りましょう
<a>タグはハイパーリンクを指定する際に使用するタグです。今回は別のページへリンクを貼る方法をご紹介致します。
divを使ってブロック要素にしてグループ化しましょう!
divで囲む事によってブロック要素にする事ができます。囲った部分はグループ化され、divにCSSを設定する事でグループに一斉に指定する事ができます。
header、footer、h要素などを使った基本HTMLコーディングのおさらい
HTMLコーディングの基本となるheader、footer、h要素などを使って基本コードを書いてみましょう。
main要素を使ってメインになるコンテンツを示そう!
main要素はページ内の主要部分を示すタグでheader、footer、navなどは含まずコーディングしましょう。