HTML

HTMLのテキストを抜き出す

HTMLのテキストを抜き出す。以前、自分のブログで調べてたことを思い出した... (;゚∀゚)他に方法がたくさんありそうですが...。Macのapplicationのautomaticの機能とか...。 「なんぎ星」 この記事の追記で、 そのテキストエディットで、 「ファイル」→「テキ…

HTMLのテキストを抜き出す

HTMLのテキストを抜き出す。以前、自分のブログで調べてたことを思い出した... (;゚∀゚)他に方法がたくさんありそうですが...。Macのapplicationのautomaticの機能とか...。 「なんぎ星」 この記事の追記で、 そのテキストエディットで、 「ファイル」→「テキ…

HTMLのテキストを抜き出す

HTMLのテキストを抜き出す。以前、自分のブログで調べてたことを思い出した... (;゚∀゚)他に方法がたくさんありそうですが...。Macのapplicationのautomaticの機能とか...。 「なんぎ星」 この記事の追記で、 そのテキストエディットで、 「ファイル」→「テキ…

【HTML01】文書構造の練習

<body> <h1>結論:大見出し</h1> <p>要約</p> <h2>結論:検証</h2> <p>解説<p> <ul> <li>検証の項目</li> <li>検証の項目</li> <li>検証の項目</li> </ul> <p>解説</p> <ol> <li>順序のある検証の項目</li> <li>順序のある検証の項目</li> <li>順序のある検証の項目</li> </ol> <img src="#" width="100" height="100" alt="100&#10005;100の画像(パスは記述しない)"> <dt> <dd>9月25日</dd> <dl>フェリカテクニカ…</dl></dt></p></p></body>

【HTML02】文章構造の練習

<body> <h2>デザインの話</h2> <p>物にはいろいろな形があります。歴史とともに多様なデザインが生まれてきました。物にはいろいろな形があり ます。歴史とともに多様なデザインが生まれてきました。</p> <br> <p>物にはいろいろな形があります。歴史とともに多様なデザインが生まれてきま</p></body>…

【HTML03】文章構造の練習

<body> <p><strong>【HTML02】文書構造の練習</strong></p> <h1>インテリアショップ a Interior</h1> <h2>インフォメーション</h2> <p>インテリアショップ「a Interior」での商品入荷情報、イベント、HPの更新など。</p> <dt> <dd>2012年4月27日</dd> <dl>復刻版の商品が再入荷しました。</dl> <dd>2012年4月26日</dd> <dl>クロックスが入荷しました。</dl> <dd>20</dd></dt></body>…

【HTML04】文章構造の練習

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> <head> <title>HTML04</title> <body> <h1>Layout Workflow</h1> <dl> <li></li></dl></body></head></html>

【HTML01】文書構造の練習

<body> <h1>結論:大見出し</h1> <p>要約</p> <h2>結論:検証</h2> <p>解説<p> <ul> <li>検証の項目</li> <li>検証の項目</li> <li>検証の項目</li> </ul> <p>解説</p> <ol> <li>順序のある検証の項目</li> <li>順序のある検証の項目</li> <li>順序のある検証の項目</li> </ol> <img src="#" width="100" height="100" alt="100&#10005;100の画像(パスは記述しない)"> <dt> <dd>9月25日</dd> <dl>フェリカテクニカ…</dl></dt></p></p></body>

【HTML02】文章構造の練習

<body> <h2>デザインの話</h2> <p>物にはいろいろな形があります。歴史とともに多様なデザインが生まれてきました。物にはいろいろな形があり ます。歴史とともに多様なデザインが生まれてきました。</p> <br> <p>物にはいろいろな形があります。歴史とともに多様なデザインが生まれてきま</p></body>…

【HTML03】文章構造の練習

<body> <p><strong>【HTML02】文書構造の練習</strong></p> <h1>インテリアショップ a Interior</h1> <h2>インフォメーション</h2> <p>インテリアショップ「a Interior」での商品入荷情報、イベント、HPの更新など。</p> <dt> <dd>2012年4月27日</dd> <dl>復刻版の商品が再入荷しました。</dl> <dd>2012年4月26日</dd> <dl>クロックスが入荷しました。</dl> <dd>20</dd></dt></body>…

【HTML04】文章構造の練習

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> <head> <title>HTML04</title> <body> <h1>Layout Workflow</h1> <dl> <li></li></dl></body></head></html>

【HTML04】文章構造の練習

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> <head> <title>HTML04</title> <body> <h1>Layout Workflow</h1> <dl> <li></li></dl></body></head></html>

【HTML03】文章構造の練習

<body> <p><strong>【HTML02】文書構造の練習</strong></p> <h1>インテリアショップ a Interior</h1> <h2>インフォメーション</h2> <p>インテリアショップ「a Interior」での商品入荷情報、イベント、HPの更新など。</p> <dt> <dd>2012年4月27日</dd> <dl>復刻版の商品が再入荷しました。</dl> <dd>2012年4月26日</dd> <dl>クロックスが入荷しました。</dl> <dd>20</dd></dt></body>…

【HTML02】文章構造の練習

<body> <h2>デザインの話</h2> <p>物にはいろいろな形があります。歴史とともに多様なデザインが生まれてきました。物にはいろいろな形があり ます。歴史とともに多様なデザインが生まれてきました。</p> <br> <p>物にはいろいろな形があります。歴史とともに多様なデザインが生まれてきま</p></body>…

【HTML01】文書構造の練習

<body> <h1>結論:大見出し</h1> <p>要約</p> <h2>結論:検証</h2> <p>解説<p> <ul> <li>検証の項目</li> <li>検証の項目</li> <li>検証の項目</li> </ul> <p>解説</p> <ol> <li>順序のある検証の項目</li> <li>順序のある検証の項目</li> <li>順序のある検証の項目</li> </ol> <img src="#" width="100" height="100" alt="100&#10005;100の画像(パスは記述しない)"> <dt> <dd>9月25日</dd> <dl>フェリカテクニカ…</dl></dt></p></p></body>

Webサイトの模写

TemplateWorldから、練習。 ↑ こっちが見本で… ↑ こっちは模写品。 崩れまくり! 修正をします。

ようやく1個完成。

4ページ分のHTMLを作成。とてもじゃないが、プロになるには気が遠くなる時間がかかった…。 firefoxの便利アドオン。 Screengrab!アドオンをインストールすると、firefoxの画面右下にこのアイコンが出てくるので、サイトのページをまるまる保存できる。EVERNO…

CSSがやっとこさ、反映された!

おっ?今年は、さつまいもが高騰しているのか・・・。 冬は外せない、焼き芋に大学芋、栗きんとん・・・。 一昨日のこと。 CSSが途中から反映されずに、ずいぶん、間違い探しに時間を裂きました・・・。 間違い探しにとった方法 ・CSSが間違っていない事は分…

CSSが反映されない!

タグ打ちの日々の練習。ページものを練習しているけれども、どうしてそうなるのか。 cssが反映されない。 しかも、途中から。テンプレートをダウンロードしたもので練習しているので、 とりあえず、思いつくまま検証してみる。 cssのリンクを正しい方に変更…

Webサイトの模写

このWEBページを模写してHTMLとCSSの練習をしたい! というときのお役立ちの技。 テキストだけを保存したい時Webページのテキストを保存する方法 for Mac http://inforati.jp/apple/mac-tips-techniques/application-hints/how-to-save-a-web-site-with-mac-…

練習01

やっとこ、1つ完成。 つまづいて、なかなか修正出来なかった部分を記録。 1行にまとまらず、改行の様になっていた。→文字の大きさが違っているのか、フォントが違うのだろうと思い、チェック。思った通り、フォント違いで、タグの綴りが間違っていた。 右揃…

テーブルの練習

テーブル1のHTML <p>テーブル1</p> <table id="table1"> <tr> <td class="width1">&nbsp;</td> <td>&nbsp;</td> <td>&nbsp;</td> <td class="width2">&nbsp;</td> </tr> <tr> <td class="width3">&nbsp;</td> <td>&nbsp;</td> <td>&nbsp;</td> <td>&nbsp;</td> </tr> <tr> <td>&nbsp;</td> <td>&nbsp;</td> <td>&nbsp;</td> <td>&nbs…</td></tr></table>

復習

vertical-align・・・プロパティは、行のなかでのテキストや画像などの縦方向の揃え位置を指定する際に使用します。 ただし、これが適用できるのは、インライン要素とテーブルセルであり、ブロックレベル要素には適用できません。

NoneStyle

先生、NoneStyleのソースコードをアップしていただき、ありがとうございます。 自分が作成したものと比べてみると、笑えるほど違っていました・・・。 修正をしながら、もう一度作成してみたいと思います。 修正前のHTMLとCSSです。http://www.w3c.org/TR/xhtml…

練習

製作時間:3時間どうしても右サイドの記事に、下線をつけることができず・・・。 とりあえずは、ここまで・・・。

練習

まだまだ、勉強が足りません・・・。「カラム落ち」、というらしいです。 それぞれの段を左右に並べてみようかと思うのですが、Newsの欄が下になってしまいます。しかも、フッタもおかしい。これで調べました。↓ まだ、読みかけです。 現場のプロから学ぶXHTML+…

練習

先生のサイトより、素材をダウンロードしました。まずは、HTMLを作成してみます。

参考書で練習その5

生まれて初めて、「歯」を抜きました。 親知らずです。やっぱり、ペンチみたいなものでぐりぐりっ・・・と抜くんですね・・・。 いやはや。 なんとも・・・。 この時点では、まだ、レイアウトが崩れています。 ので、もう一歩、進んでみました。 ↓ なんとか…

参考書で練習その4

背景まで入れてみました。 なぜか、背景右に、線が入っています。 どこが間違っているのか、どこを直せばこの線が消えるのか・・・。検証には、とてつもなく時間がかかりそうです。

参考書で練習その3

先日、上のねんねの消防署見学でした。 が。 前日にお休みをして保育園に行かなかったので、今日の行事のことをまったく知らずじまい。 あさ、保育園へ連れて行ったときにはじめて発覚。「ひえぇぇぇぇぇぇっ!(これは私の声)」ねんねの組はすでに出発した…