ホームページ作成ソフトのQHM ホームページビルダーやDreamWeaverで1からホームページを作る前に!ブログ感覚で制作できるホームページ作成ソフト

htmlタグも直接書ける

htmlタグも直接書けるとは?

そもそもHTMLとは、Hyper Text Markup Languageの略で、Webページを作成するための言語です。見出しや段落、リンクなどの要素を組み合わせ、Webページの構造を作成するために使用されます。

タグとは、見出しや段落、リンクなどの要素を"<"と" >"で囲んだもので、<h1>、<p>などのように記述したものです。通常は、「<p>~</p>」のように開始タグと終了タグの2つ1組で使用されます。

具体的な記述例としては以下のようなものがあります。

  • リンクを作る
    <a href="#">リンクを作る</a>
  • 画像を貼る
    <img height="50" width="170" alt="ここに画像の解説" src="sample.png"/>
  • 太字にする
    <strong>太字にする</strong>

などですね。さらに詳しくみたい場合はブラウザの「このページのソースを見る」を
クリックするとズラっとhtmlのソースが表示されます。

インターネット上にはQHMで使う便利な機能だけでは実現できないツールも沢山あります。
例えば相互リンクのバナーやブログパーツ・Amazonアフィリエイト・Googleアドセンスなどですね。
これらは通常htmlタグで書かれています。

それらをQHMのhtmlタグ生成ツールを使うことで簡単にサイトに反映させることができます。
htmlの知識があるならばQHMで制作するサイトの表現の幅が劇的に広がります。

デモではGoogleアドセンスの貼りつけ例を表示しています。
手順はたったの4ステップ

1、Googleアドセンスの広告を制作し、ソースをコピー

2、QHMの編集画面に移動し任意の場所でhtmlタグ生成ボタンをクリック

3、(ここに記述する)のところに【1】でコピーしたGoogleアドセンスのソースをペースト

4、ページの更新をクリック

たったこれだけで完了します。
ぜひ試してみてくださいね。

デモ

  

QHMでの記述方法

基本となる書き方
(編集ツールのHTMLボタンをクリックするだけ)

#html{{
(ここにHTMLタグを挿入)
}}

今回のデモで使用したソース

#html{{
<script type="text/javascript"><!--
google_ad_client = "pub-5217161723381525";
/* 336x280, 作成済み 09/05/18 */
google_ad_slot = "2378801071";
google_ad_width = 336;
google_ad_height = 280;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
}}


QHMの応用2カテゴリ 関連項目


QHMを使うための4つの安心

ホームページ作成ソフト_htmlタグも直接書ける