3カラムレイアウトを作る場合も基本的には2カラムレイアウトと考え方は一緒です。 まずは大きいカラムと小さいカラムを左右にフロートさせ、大きなカラムの中にさらに2つの箱を左右にフロー...

背景の色・文字幅の表示 <div style="background-color padding> padding:20px （文字幅20ピクセル） 一部の文字の装飾 <span style="corlor:"色">変...

link要素を使用すると、この文章と関連している別の文書やファイルの所在を示すことができます。 <link rel="関連ファイルの種類"href="URL"> <link rel=&...

某学習サイトに合った紹介文を一部変更して紹介しています。

Linebreakを含めた形のコード例です。 <p>this is a <br />line break</p> この場合、表示は this is a linebreak となります。

Progateサイト内のHTMLの全体構造説明を練習用にのせました。

The HTML responsible for creating the above example is shown here: This is pretty simple, using a <div> as a wrapper around the contents, which consists of two more <...

HTMLからCSSを読み込むためには、 <link rel="stylesheet" href="stylesheet.css"のファイル名">を用います。

ウェブデザイン初心者からすると分かりづらいのが、「HTMLコード内でEnterを押して改行しても、ブラウザに表示される文ではその改行が反映されない」ということです。 pタグなどを使えばそ...

ulの代わりにolを使うと、箇条書きのポッチが番号になります。

HTMLでは箇条書き用のコードも用意されています。<ul>と<li>のペア、もしくは<ol>と<li>のペアで使用します。

aタグではテキストだけでなく、画像をはさむこともできます。画像のリンクボタンが作れるということですね。試しに「サルワカくんの顔の画像をクリックするとサルワカのトップページに飛ぶ」...

基礎を学んだので総括する意味で作成しました。

ただのられつ

トレーニングです

htmlでひたすら箇条書き練習タグを書いていきます

通常の書き方と「a要素の属性値」として、URLのようにソースコードを書く

"target=_blank"以外でwindowを開く disabled もしてみる *コピペで使えます。

11/7 Felica 1日目

タグ作成の練習です。私自身がキーボードの右下部分の操作（特に”＜”、”＞”、”/”の入力ミスが多いので、その練習のために作成してみました。 作業効率を考えるならコピペしたほうが早いので...

HTMLを使用して、『Hello, World』と表示させるソースコードです。