携帯アフィリエイトサイト作成

携帯サイト作成基礎講座 > スポンサー広告 > 内容の記述> 未分類 > 内容の記述

レンタルサーバー

お気に入りに追加

携帯サイト作成基礎講座

当サイトについて

携帯サイト作成基礎講座

当サイトは、携帯サイトの作り方や携帯電話を使って稼ぐ方法を説明しております。

2005年より運営。おかげ様で5周年を迎えることができました。

無断転用・転載、二次使用などは固く禁止します

サイト内容

最新記事

全記事表示リンク


>>今すぐ詳細を知りたいならこちら<<

スポンサーサイト

--年--月--日(--)

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。


>>今すぐ詳細を知りたいならこちら<<

内容の記述

2006年05月02日(火)

では、いよいよホームページの内容を記述です。





まず、本文は<body><div id="sh_fc2blogheadbar"> <div class="sh_fc2blogheadbar_body"> <div id="sh_fc2blogheadbar_menu"> <a href="http://blog.fc2.com/" rel="nofollow"> <img src="//static.fc2.com/image/headbar/sh_fc2blogheadbar_logo.png" alt="FC2ブログ" /> </a> </div> <div id="sh_fc2blogheadbar_search"> <form name="barForm" method="get" action="" target="blank"> <input class="sh_fc2blogheadbar_searchform" type="text" name="q" value="" maxlength="30" onclick="this.style.color='#000000';" onfocus="this.select();" onblur="this.style.color='#999999'" /> <input type="hidden" name="charset" value="utf-8" /> <input class="sh_fc2blogheadbar_searchbtn" type="submit" value="ブログ内検索" /> </form> </div> <div id="sh_fc2blogheadbar_link_box" class="sh_fc2blogheadbar_link" style="visibility: hidden;"></div> </div> </div> と <!-- passive:ad:171 --> <div id="fc2_bottom_bnr" style="position:fixed;z-index:10000;left:0;bottom:0;width:100%;display:block;filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#70000000,EndColorStr=#70000000);background:rgba(0,0,0,0.7);"><div id="fc2_bottom_bnr_img" style="display:block;width:728px;height:94px;margin:0px auto;padding:10px 0px 14px;"><iframe src='//assys01.fc2.com/1346' style='width:728px;height:90px;border:none;' scrolling='no'></iframe><!-- FC2管理用 --><img src="//media.fc2.com/counter_img.php?id=1505" width="1" height="1"><!-- FC2管理用 --><div style="color:#C0C0C0;text-align:center;font-size:9px;margin:0px;padding:2px 0px 0px;">上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。</div></div><span id="fc2_bottom_bnr_close" style="cursor:pointer;display:block;position:absolute;padding:5px;top:0;right:0;width:20px;height:20px;opacity:0.8;max-width:100%;max-height:100%;"><img src="//blog-imgs-61.fc2.com/t/e/s/test0006/fc2_bottom_bnr_close.png" width="20" height="20" style="border:none;width:20px;height:20px;max-width: 100%;" /></span></div> <script type="text/javascript">(function(w, d) {var area = d.getElementById('fc2_bottom_bnr'),areaStyle = area.style;var getScrollMax = function() { return d.documentElement.getBoundingClientRect().height - w.innerHeight; };var getScrollCurrent = function() { return d.documentElement.scrollTop || d.body.scrollTop; };var overlayPosition = function() {if (getScrollMax() > getScrollCurrent()) {areaStyle.bottom = 0;areaStyle.top = 'auto';} else {areaStyle.bottom = 'auto';areaStyle.top = 0;}};var closeBtn = d.getElementById('fc2_bottom_bnr_close'),close = function() { area.style.display = 'none'; };if (w.addEventListener) {w.addEventListener('resize', overlayPosition, false);w.addEventListener('scroll', overlayPosition, false);closeBtn.addEventListener('click', close, false);} else {w.attachEvent('onresize', overlayPosition);w.attachEvent('onscroll', overlayPosition);closeBtn.attachEvent('onclick', close);}})(window, document);</script> </body>の間に記述します。

ここに記述された内容がそのままWebブラウザに表示されます。

上の例ではホームページタイトルの
「携帯サイト作成基礎マニュアル」の記述が
<body><div id="sh_fc2blogheadbar"> <div class="sh_fc2blogheadbar_body"> <div id="sh_fc2blogheadbar_menu"> <a href="http://blog.fc2.com/" rel="nofollow"> <img src="//static.fc2.com/image/headbar/sh_fc2blogheadbar_logo.png" alt="FC2ブログ" /> </a> </div> <div id="sh_fc2blogheadbar_search"> <form name="barForm" method="get" action="" target="blank"> <input class="sh_fc2blogheadbar_searchform" type="text" name="q" value="" maxlength="30" onclick="this.style.color='#000000';" onfocus="this.select();" onblur="this.style.color='#999999'" /> <input type="hidden" name="charset" value="utf-8" /> <input class="sh_fc2blogheadbar_searchbtn" type="submit" value="ブログ内検索" /> </form> </div> <div id="sh_fc2blogheadbar_link_box" class="sh_fc2blogheadbar_link" style="visibility: hidden;"></div> </div> </div> の直後にあるのでその次に(</p>の直後)記述されている
「<B>この内容が本文として表示されます。</B><BR>」からが本文の記述になります。
本文は<body><div id="sh_fc2blogheadbar"> <div class="sh_fc2blogheadbar_body"> <div id="sh_fc2blogheadbar_menu"> <a href="http://blog.fc2.com/" rel="nofollow"> <img src="//static.fc2.com/image/headbar/sh_fc2blogheadbar_logo.png" alt="FC2ブログ" /> </a> </div> <div id="sh_fc2blogheadbar_search"> <form name="barForm" method="get" action="" target="blank"> <input class="sh_fc2blogheadbar_searchform" type="text" name="q" value="" maxlength="30" onclick="this.style.color='#000000';" onfocus="this.select();" onblur="this.style.color='#999999'" /> <input type="hidden" name="charset" value="utf-8" /> <input class="sh_fc2blogheadbar_searchbtn" type="submit" value="ブログ内検索" /> </form> </div> <div id="sh_fc2blogheadbar_link_box" class="sh_fc2blogheadbar_link" style="visibility: hidden;"></div> </div> </div> と <!-- passive:ad:171 --> <div id="fc2_bottom_bnr" style="position:fixed;z-index:10000;left:0;bottom:0;width:100%;display:block;filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#70000000,EndColorStr=#70000000);background:rgba(0,0,0,0.7);"><div id="fc2_bottom_bnr_img" style="display:block;width:728px;height:94px;margin:0px auto;padding:10px 0px 14px;"><iframe src='//assys01.fc2.com/1346' style='width:728px;height:90px;border:none;' scrolling='no'></iframe><!-- FC2管理用 --><img src="//media.fc2.com/counter_img.php?id=1505" width="1" height="1"><!-- FC2管理用 --><div style="color:#C0C0C0;text-align:center;font-size:9px;margin:0px;padding:2px 0px 0px;">上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。</div></div><span id="fc2_bottom_bnr_close" style="cursor:pointer;display:block;position:absolute;padding:5px;top:0;right:0;width:20px;height:20px;opacity:0.8;max-width:100%;max-height:100%;"><img src="//blog-imgs-61.fc2.com/t/e/s/test0006/fc2_bottom_bnr_close.png" width="20" height="20" style="border:none;width:20px;height:20px;max-width: 100%;" /></span></div> <script type="text/javascript">(function(w, d) {var area = d.getElementById('fc2_bottom_bnr'),areaStyle = area.style;var getScrollMax = function() { return d.documentElement.getBoundingClientRect().height - w.innerHeight; };var getScrollCurrent = function() { return d.documentElement.scrollTop || d.body.scrollTop; };var overlayPosition = function() {if (getScrollMax() > getScrollCurrent()) {areaStyle.bottom = 0;areaStyle.top = 'auto';} else {areaStyle.bottom = 'auto';areaStyle.top = 0;}};var closeBtn = d.getElementById('fc2_bottom_bnr_close'),close = function() { area.style.display = 'none'; };if (w.addEventListener) {w.addEventListener('resize', overlayPosition, false);w.addEventListener('scroll', overlayPosition, false);closeBtn.addEventListener('click', close, false);} else {w.attachEvent('onresize', overlayPosition);w.attachEvent('onscroll', overlayPosition);closeBtn.attachEvent('onclick', close);}})(window, document);</script> </body>の間に記述すればいいだけですから
特に難しくはないと思います。

なお、上の記述には<B>~</B>と<BR>という二つのタグが
新たに出て来ていますが、これは前者が太字、後者が改行のタグです。

詳しくは次のセクションで説明します。


携帯サイト作成~初級編~TOP






携帯サイトの超基本的なHTML


タイトルを書き込む


タイトルの表示


色・配置の変更


内容の記述


文字の位置を変える

 
リンクの貼り方


よく使うタグ集
スポンサーサイト

タグ :

未分類 | PAGE TOP↑
 
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。