vesna

CSS

id,class名を指定する

2015/6/13  

HTMLタグにid属性、class属性でさらに名前をつけることで、 特定の要素をセレクタとして指定することができます。 id,class属性の値は、半角英数字で任意につけることが できます。このことを ...

CSS

CSSの書き方を覚える。

2015/6/13  

CSSの書き方 CSSはどの「要素」の「もの」を「どんな風」に するかを指定するものであり、半角英数字で指定します。 日本語はほぼ使えない点はHTMLと同じです。 下記の図を見て頂ければ分かりますが、 ...

CSS

CSSって何?

2015/6/12  

HTMLでマークアップした文章を、そのままブラウザで 黒い文字、背景白でタグの初期設定のまま表示されて しまいます。この状態に、色、サイズ、レイアウトを 設定するときに使用するものがCSSです。 CS ...

HTMLページ構造

動画を表示させる<video>

2015/6/12  

HTML5から<img>タグで画像を表示させるように<video>タグで動画を 表示できるようになりました。 サンプルコード [crayon-664862f0311703714 ...

HTMLページ構造

画像を表示させる<img>タグ

2015/6/12  

おそらくウェブサイトを作成するときに一番使うタグだと思います。 ウェブサイトに画像を表示させるには<img>タグを使います。 画像の種類は、JPEG,GIF,PNG形式が主であり、ほかにも ...

HTMLページ構造

ジャンプ先をしたい場合に使うアンカーリンク

2015/6/12  

<a>タグを使うとほかのページへ遷移できますが、 普通はリンク先のページの一番上から表示されます。 例を挙げると、「よくある質問集」で、多くの質問事項の中から その答えのところにリンクが張 ...

HTMLページ構造

他のページへリンクを張りたいときに使う<a>タグ

2015/6/11  

テキストや画像をクリックしたらほかのページへ遷移したい場合、 <a>タグを使います。<a>タグのaは「anchor」という 錨や繋ぎ止めておくものを意味する英単語が由来です。 ...

HTMLページ構造

HTMLにコメントを追加する

2015/6/11  

一度作ったウェブサイトを半年くらい経ってから メンテナンスした時に、「このコードはなんだっけ?」ということや 複数人でコーディングを行うことがあると思います。 そのときに他人が書いたコードが意味不明と ...

HTMLページ構造

コンテンツを分けたいときに使う<div>

2015/6/11  

<div>タグはセクショニング要素ではありません。 section,articleのように意味をもったものではなく、 ただデザインとしてコンテンツを分けたい場合や、レイアウトの為に 空間を ...

HTMLページ構造

引用した内容を示したいときに使う<blockquote>タグ

2015/6/11  

このタグは他のウェブサイトや本から引用した 内容を表したいときに使います。引用している内容以外の物を このタグ内にいれることはできません。 引用元がウェブサイトの場合は、cite属性を使い、参照してい ...