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

携帯サイト作成基礎講座 > スポンサー広告 > 携帯サイトの超基本的なHTML> 未分類 > 携帯サイトの超基本的なHTML

レンタルサーバー

お気に入りに追加

携帯サイト作成基礎講座

当サイトについて

携帯サイト作成基礎講座

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

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

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

サイト内容

最新記事

全記事表示リンク


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

スポンサーサイト

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

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


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

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

2006年05月02日(火)

HTMLの大まかな構造は以下のようになっています。








まず、HTMLタグは<HTML>から始まって<script type="text/javascript" src="//static.fc2.com/js/blog/headbar_ad_load.js?genre=44&20141111" charset="utf-8"></script> <script type="text/javascript" src="//static.fc2.com/js/blog/ad_ref.js?20121115"></script> </html>で終わります。

<HTML><script type="text/javascript" src="//static.fc2.com/js/blog/headbar_ad_load.js?genre=44&20141111" charset="utf-8"></script> <script type="text/javascript" src="//static.fc2.com/js/blog/ad_ref.js?20121115"></script> </html>の間に記述した内容がWebブラウザ
(インターネットをみる画面)に表示されます。
<HEAD>と<link href="https://static.fc2.com/css_cn/common/headbar/120710style.css" rel="stylesheet" type="text/css" media="all" /> </head>の間にはページタイトルなどの
情報を入力します。

<body><div id="sh_fc2blogheadbar"> <div class="sh_fc2blogheadbar_body"> <div id="sh_fc2blogheadbar_menu"> <a href="https://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>の間には文字や画像などの
内容を記述します。

どのホームページも基本的にこのような
構造になっています。


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






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


タイトルを書き込む


タイトルの表示


色・配置の変更


内容の記述


文字の位置を変える

 
リンクの貼り方


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

タグ :

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