表組み(table)はwebデザイン上で多用する要素の1つです。縦横の組み方、セルの統合を知ることで表現の幅が広がります。
TAG HTML
絶対パス・相対パス・ルートパスの書き方と違いについて
パスには絶対パス、相対パス、ルートパスの3種類の違いはなんでしょうか。どのパスで進めたらよいのか迷っている方のご参考になればと思います。
webサイトに掲載したい画像(写真やイラスト)を設置してみましょう
htmlで画像を設置する方法をご紹介。画像を用いる事でユーザーのイメージを伝えやすくなりますし、画像1つあるかないかでページのアクセス数が変わる程、イメージは大切なものになっています。
webサイトのベースになる形(レイアウトデザイン)をコーディングしてみましょう
webサイトの基本的な形を幅や真ん中寄せなどHTMLとCSSでコーディングしていきましょう!
プラグイン「Crayon Syntax Highlighter」のHTML文字化け表示を解消する方法
Wordpressのプラグイン「Crayon Syntax Highlighter」を設置すると「<」の部分が「<」になってしまいます。文字化けを設定画面から解消しましょう。
リンクの_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などは含まずコーディングしましょう。