ブログ作成の基礎2

ここではhtml文書を作成する方法を考えていくことにする。

ブログ作成の基礎1で作成したテキストエリアとローカルファイルの読み込みと保存を再表示した。 さらに、html表示ボタンとhtml表示消去ボタンを以下のように用意した。

テキストエリアに何か文字を入力し、html表示ボタンをクリックすると、 html文書が入力されたものとして解釈され、下のほうに表示される。

いろいろと入力して「html表示」ボタンをクリックしてみるといいと思う。

html文法に不慣れなら、以下のサンプルファイルを右クリックで名前を付けてリンク先を保存を選択・ダウンロード後、「ローカルファイルの読み込み」ボタンでサンプルファイルを読み込んでから、html表示してみるとよい。

sample.txt


 

-------------- テキストエリアのデータをhtml文書と解釈し、以下に表示 --------------

テキストエリアのデータをここに表示

【注】ここでのあなたの作業はあなたのパソコンでの作業であり、本サイトは何も感知していません。 あなたは新しくWebサイトを作成したと思っているかもしれませんが、単にあなたのPC上のブラウザ表示を変更しただけであり、 我々のサーバは何の変更も受け付けていません。 ブラウザ表示を消去すると、あなたがここで作成したWebサイト情報はすべて消滅します。


【参考】以下のサイトを参考にした。

  1. Into the Programの記事「【JavaScript】insertAdjacentHTMLでHTML要素を追加する【挿入位置指定】
  2. ITSakuraの記事「JavaScript 要素を追加/削除する(createElement他)

次は、ブログ作成の基礎3である。

back    next