aka'sblog

aka'sblogではゲーム、メンタルなど書いています。

初心者向けプログラミングウェブサイト? akaのプログラミング勉強の日々

今日は初心者向けのウェブサイトを紹介します。プログラミングでのHTMLCSSだけで作れるウェブサイトです。

まず、サイトがこちら→http://pas-pol.jp/

これをコードで書くと👇ようになります。毎回ですが少し長いですw続きはコード下で。

 

<!DOCTYPE html> <html lang="ja" prefix="og: http://ogp.me/ns# fb: http://www.facebook.com/2008/fbml"> <head> <meta charset="UTF-8"> <title>PAS-POL -旅のモノづくりブランド-|TABIPPO</title> <meta name="description" content="PAS-POLはTABIPPOのモノづくりブランドです。 ⾃分と世界を繋げる新しい時代のパスポートのようなモノを作りたいと思い、PAS-POLという名前をつけました。"> <meta name="robots" content="index,follow"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <!-- OGP --> <meta property="fb:app_id" content="450419765129931" /> <meta property="og:url" content="http://pas-pol.jp"> <meta property="og:type" content="website"> <meta property="og:title" content="PAS-POL -旅のモノづくりブランド-|TABIPPO"> <meta property="og:locale" content="ja_JP"> <meta property="og:image" content="http://pas-pol.jp/wp-content/themes/pas-pol/dist/img/ogp.jpg"> <meta property="og:description" content="PAS-POLはTABIPPOのモノづくりブランドです。 ⾃分と世界を繋げる新しい時代のパスポートのようなモノを作りたいと思い、PAS-POLという名前をつけました。"> <meta property="og:site_name" content="PAS-POL -旅のモノづくりブランド-|TABIPPO"> <meta name="twitter:card" value="summary_large_image"> <link rel='dns-prefetch' href='//s.w.org' /> <script type="text/javascript"> window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/2.4\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/2.4\/svg\/","svgExt":".svg","source":{"concatemoji":"http:\/\/pas-pol.jp\/wp-includes\/js\/wp-emoji-release.min.js?ver=4.9.6"}}; !function(a,b,c){function d(a,b){var c=String.fromCharCode;l.clearRect(0,0,k.width,k.height),l.fillText(c.apply(this,a),0,0);var d=k.toDataURL();l.clearRect(0,0,k.width,k.height),l.fillText(c.apply(this,b),0,0);var e=k.toDataURL();return d===e}function e(a){var b;if(!l||!l.fillText)return!1;switch(l.textBaseline="top",l.font="600 32px Arial",a){case"flag":return!(b=d([55356,56826,55356,56819],[55356,56826,8203,55356,56819]))&&(b=d([55356,57332,56128,56423,56128,56418,56128,56421,56128,56430,56128,56423,56128,56447],[55356,57332,8203,56128,56423,8203,56128,56418,8203,56128,56421,8203,56128,56430,8203,56128,56423,8203,56128,56447]),!b);case"emoji":return b=d([55357,56692,8205,9792,65039],[55357,56692,8203,9792,65039]),!b}return!1}function f(a){var c=b.createElement("script");c.src=a,c.defer=c.type="text/javascript",b.getElementsByTagName("head")[0].appendChild(c)}var g,h,i,j,k=b.createElement("canvas"),l=k.getContext&&k.getContext("2d");for(j=Array("flag","emoji"),c.supports={everything:!0,everythingExceptFlag:!0},i=0;i<j.length;i++)c.supports[j[i]]=e(j[i]),c.supports.everything=c.supports.everything&&c.supports[j[i]],"flag"!==j[i]&&(c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&c.supports[j[i]]);c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&!c.supports.flag,c.DOMReady=!1,c.readyCallback=function(){c.DOMReady=!0},c.supports.everything||(h=function(){c.readyCallback()},b.addEventListener?(b.addEventListener("DOMContentLoaded",h,!1),a.addEventListener("load",h,!1)):(a.attachEvent("onload",h),b.attachEvent("onreadystatechange",function(){"complete"===b.readyState&&c.readyCallback()})),g=c.source||{},g.concatemoji?f(g.concatemoji):g.wpemoji&&g.twemoji&&(f(g.twemoji),f(g.wpemoji)))}(window,document,window._wpemojiSettings); </script> <style type="text/css">img.wp-smiley,img.emoji { display: inline !important; border: none !important; box-shadow: none !important; height: 1em !important; width: 1em !important; margin: 0 .07em !important; vertical-align: -0.1em !important; background: none !important; padding: 0 !important;}</style><link rel='https://api.w.org/' href='http://pas-pol.jp/wp-json/' /> <link rel="stylesheet" href="http://pas-pol.jp/wp-content/themes/pas-pol/dist/css/style.css"> <link rel="shortcut icon" href="http://pas-pol.jp/wp-content/themes/pas-pol/dist/img/favicon.ico"> <script src="http://pas-pol.jp/wp-content/themes/pas-pol/dist/js/lib.js"></script> <script src="http://pas-pol.jp/wp-content/themes/pas-pol/dist/js/script.js"></script> <!-- Script --> <!--[if lt IE 9]> <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script> <![endif]--> </head> <body class="p-index"> <!-- Header --> <header class="l-header"> <h1 class="m-siteLogo"> <a href="http://pas-pol.jp">PAS-POL -旅のモノづくりブランド-|TABIPPO</a> </h1> <nav class="m-navigation js-navigation"> <ul itemscope itemtype="http://schema.org/SiteNavigationElement"> <li><a href="http://pas-pol.jp">TOP</a></li><li><a href="http://pas-pol.jp/product/">PRODUCT</a></li><li><a href="http://pas-pol.jp/about/">ABOUT</a></li><li><a href="http://pas-pol.jp/news/">NEWS</a></li><li><a href="http://pas-pol.jp/contact/">CONTACT</a></li> </ul> <div class="m-navigationToggle js-navigationToggle">MENU</div> </nav> </header><!-- Main Visual --><div class="l-mainVisual"> <!-- Index --> <div class="m-mainVisual js-mainVisual"> <div class="m-mainVisual-image js-mainVisual-image"> <!-- meta slider --><div style="width: 100%;" class="metaslider metaslider-flex metaslider-19 ml-slider nav-hidden"> <div id="metaslider_container_19"> <div id="metaslider_19"> <ul class="slides"> <li style="display: block; width: 100%;"><img src="http://pas-pol.jp/wp-content/uploads/2014/11/main_visual_13-0x0.jpg" height="0" width="0" alt="" class="slider-19 slide-138" /></li> <li style="display: none; width: 100%;"><img src="http://pas-pol.jp/wp-content/uploads/2014/11/main_visual_2-0x0.jpg" height="0" width="0" alt="" class="slider-19 slide-132" /></li> <li style="display: none; width: 100%;"><img src="http://pas-pol.jp/wp-content/uploads/2014/11/main_visual_6-0x0.jpg" height="0" width="0" alt="" class="slider-19 slide-133" /></li> <li style="display: none; width: 100%;"><img src="http://pas-pol.jp/wp-content/uploads/2014/11/main_visual_7-0x0.jpg" height="0" width="0" alt="" class="slider-19 slide-134" /></li> <li style="display: none; width: 100%;"><img src="http://pas-pol.jp/wp-content/uploads/2014/11/main_visual_111-0x0.jpg" height="0" width="0" alt="" class="slider-19 slide-136" /></li> </ul> </div> </div> <script type="text/javascript"> var metaslider_19 = function($) { $('#metaslider_19').addClass('flexslider'); // theme/plugin conflict avoidance $('#metaslider_19').flexslider({ slideshowSpeed:5000, animation:"fade", controlNav:false, directionNav:false, pauseOnHover:false, direction:"horizontal", reverse:false, animationSpeed:1500, prevText:"&lt;", nextText:"&gt;", slideshow:true }); }; var timer_metaslider_19 = function() { var slider = !window.jQuery ? window.setTimeout(timer_metaslider_19, 100) : !jQuery.isReady ? window.setTimeout(timer_metaslider_19, 1) : metaslider_19(window.jQuery); }; timer_metaslider_19(); </script></div><!--// meta slider--> </div> <div class="m-mainVisual-logo">PAS-POL -旅のモノづくりブランド-|TABIPPO</div> <div class="m-mainVisual-arrow"></div>
<!-- overlay --> <div class="m-mainVisual-overlay"></div> </div>
</div>
<!-- Concept --><section class="l-section l-section--concept"> <div class="l-container l-container--narrow"> <div class="m-concept l-row"> <h1 class="m-concept-title m-concept--index">旅に出よう<span style="letter-spacing:-20px;"></span></h1>
<div class="m-concept-read m-concept-read--index"> <p>僕たちが作りたいのは<br>持っているだけで旅に出たくなるモノ。<br>持っているだけでわくわくするモノ。</p> <p>それは新しい時代の “パスポート”<br>僕たちが作るものは、<br>そんな、存在でありたい。</p> <p>そして、人と人が繋がる<br>こんな時代だからこそ、<br>僕たちは、みんなでひとつのモノを<br>作ることを追求したい。</p> <p class="m-concept-siteLogo">PAS-POL</p> <p>それは、自分と世界を繋げる<br>旅のモノづくりブランド</p> </div> </div> </div></section>
<!-- Product --><section class="l-section l-section--product"> <div class="l-container l-container--narrow"> <div class="m-sectionTitle l-row"> <h1 class="m-sectionTitle-text">PRODUCT</h1> <div class="m-sectionTitle-button"> <a href="http://pas-pol.jp/product/" class="m-button m-button--more">MORE</a> </div> </div>
<div class="m-productList l-row"> <article class="m-productList-item l-grid-4"> <a class="m-productList-item-link" href="http://pas-pol.jp/product/2000book/"> <div class="m-productList-item-image"> <img src="http://s3-ap-northeast-1.amazonaws.com/paspol-images/wp-content/uploads/2018/11/%E3%81%93%E3%81%AE%E4%B8%96%E7%95%8C%E3%81%A6%E3%82%99%E6%AD%BB%E3%81%AC%E3%81%BE%E3%81%A6%E3%82%99%E3%81%AB%E3%81%97%E3%81%9F%E3%81%84%E3%81%93%E3%81%A82000.png" width="484" height="640" alt=""> </div> <h2 class="m-productList-item-title">この世界で死ぬまでにしたいこと2000</h2> <p class="m-productList-item-description"></p> </a></article>
<article class="m-productList-item l-grid-4"> <a class="m-productList-item-link" href="http://pas-pol.jp/product/365calendar-japan/"> <div class="m-productList-item-image"> <img src="http://s3-ap-northeast-1.amazonaws.com/paspol-images/wp-content/uploads/2018/09/365%E6%97%A5%E6%9C%AC%E3%82%AB%E3%83%AC%E3%83%B3%E3%82%BF%E3%82%99%E3%83%BC_%E3%82%B5%E3%83%A0%E3%83%8D%E3%82%A4%E3%83%AB.png" width="484" height="640" alt=""> </div> <h2 class="m-productList-item-title">365日日本一周 絶景日めくりカレンダー</h2> <p class="m-productList-item-description"></p> </a></article>
<article class="m-productList-item l-grid-4"> <a class="m-productList-item-link" href="http://pas-pol.jp/product/passport-notebook-series/"> <div class="m-productList-item-image"> <img src="http://s3-ap-northeast-1.amazonaws.com/paspol-images/wp-content/uploads/2018/05/passportnotebook-thumb1.png" width="484" height="640" alt=""> </div> <h2 class="m-productList-item-title">PASSPORT NOTEBOOK series</h2> <p class="m-productList-item-description"></p> </a></article>
<article class="m-productList-item l-grid-4"> <a class="m-productList-item-link" href="http://pas-pol.jp/product/solo-travelenglish/"> <div class="m-productList-item-image"> <img src="http://s3-ap-northeast-1.amazonaws.com/paspol-images/wp-content/uploads/2018/02/englishbook-thumb1.png" width="484" height="640" alt=""> </div> <h2 class="m-productList-item-title">ひとり旅英会話BOOK</h2> <p class="m-productList-item-description"></p> </a></article>
<article class="m-productList-item l-grid-4"> <a class="m-productList-item-link" href="http://pas-pol.jp/product/pc_spring-season/"> <div class="m-productList-item-image"> <img src="https://s3-ap-northeast-1.amazonaws.com/paspol-images/wp-content/uploads/2016/12/212465b615e458e672a9e0a1cbb1acf1.png" width="484" height="640" alt=""> </div> <h2 class="m-productList-item-title">日本の絶景ポストカード 春編</h2> <p class="m-productList-item-description"></p> </a></article>
<article class="m-productList-item l-grid-4"> <a class="m-productList-item-link" href="http://pas-pol.jp/product/hawaii-album/"> <div class="m-productList-item-image"> <img src="http://s3-ap-northeast-1.amazonaws.com/paspol-images/wp-content/uploads/2017/07/album-thumb1.png" width="484" height="640" alt=""> </div> <h2 class="m-productList-item-title">Hawaii Album</h2> <p class="m-productList-item-description"></p> </a></article>
<div class="m-productList-more l-grid-12"> <a href="http://pas-pol.jp/product/" class="m-button m-button--more">MORE</a> </div> </div> </div></section>
<!-- News --><section class="l-section l-section--news"> <div class="l-container l-container--narrow"> <div class="m-sectionTitle l-row"> <h1 class="m-sectionTitle-text">NEWS</h1> <div class="m-sectionTitle-button"> <a href="http://pas-pol.jp/news/" class="m-button m-button--more">MORE</a> </div> </div>
<div class="m-newsList l-row"> <article class="m-newsList-item"> <a href="http://pas-pol.jp/2019/04/world-festival-guide/" class="m-newsList-item-link l-row"> <div class="m-newsList-item-image l-grid-5"> <img src="http://s3-ap-northeast-1.amazonaws.com/paspol-images/wp-content/uploads/2019/04/fesbook_%E3%82%A2%E3%83%BC%E3%83%88%E3%83%9B%E3%82%99%E3%83%BC%E3%83%88%E3%82%99-1.png" width="800" height="365" alt=""> </div> <div class="m-newsList-item-text l-grid-7"> <h2 class="m-newsList-item-title">海外フェスがこの一冊に!『THE WORLD FESTIVAL GUIDE』が販売スタート</h2> <p class="m-newsList-item-date"><time pubdate="2019-04-23">2019.4.23</time></p> <p class="m-newsList-item-description">旅の目的は人それぞれ。世界のフェスをこの目で見てみたいと思っている人も多いのではないでしょうか。でも、海外フェスだけが集まった本って全然ない…どうやってチケット取るの?難しくないの? などなど、そんな疑問をお持ちの人に向けて、120箇所以上の海外フェスを集めた完全ガイドがいろは出版より発売されました。 著者は実際に100箇所以上の海外フェスに訪れたことがある「津田昌太朗」氏。筆者ならではの目線で40カ国、120以上の世界の音楽フェスを紹介しています。 『The World Festival Gu ...</p> </div> </a></article>
<article class="m-newsList-item"> <a href="http://pas-pol.jp/2019/02/2000-bpf/" class="m-newsList-item-link l-row"> <div class="m-newsList-item-image l-grid-5"> <img src="http://s3-ap-northeast-1.amazonaws.com/paspol-images/wp-content/uploads/2019/02/14012823/Untitled-1.jpg" width="800" height="365" alt=""> </div> <div class="m-newsList-item-text l-grid-7"> <h2 class="m-newsList-item-title">3万円の旅行券が当たる!BackpackFESTA会場にて、Twitter投稿キャンペーンを実施します</h2> <p class="m-newsList-item-date"><time pubdate="2019-02-14">2019.2.14</time></p> <p class="m-newsList-item-description">おかげさまで4刷目が決まり発行部数24,000を突破した『この世界で死ぬまでにしたいこと2000』。これを記念して、今月2月に開催されるBackpackFESTA(大阪・東京・福岡会場)に参加される旅好きの皆さんに「3万円の旅行券が当たる」嬉しいキャンペーンを実施します! &nbsp; 『この世界で死ぬまでにしたいこと2000』ってどんな本? 大人気のこちらの書籍。世界の絶景はもちろん、秘境、アクティビティ、グルメなどこの世界で死ぬまでにしたいことが2000個ずらりと並んでいます。 たくさん旅を ...</p> </div> </a></article>
<article class="m-newsList-item"> <a href="http://pas-pol.jp/2019/01/2000-zosatsu/" class="m-newsList-item-link l-row"> <div class="m-newsList-item-image l-grid-5"> <img src="http://s3-ap-northeast-1.amazonaws.com/paspol-images/wp-content/uploads/2019/01/10180819/th_Untitled-2.jpg" width="800" height="365" alt=""> </div> <div class="m-newsList-item-text l-grid-7"> <h2 class="m-newsList-item-title">勢い止まらず2万部突破!『この世界で死ぬまでにしたいこと2000』3刷決定しました!</h2> <p class="m-newsList-item-date"><time pubdate="2019-01-09">2019.1.9</time></p> <p class="m-newsList-item-description">みなさま、2019年もPAS-POLをどうぞよろしくお願いいたします。さて、新年早々とても嬉しいニュースが出版社から入ってきました。なんと、11月に発売・重版したばかりの『この世界で死ぬまでにしたいこと2000』が早くも増刷が決定したみたいです。これで合計21,000部突破!これは幸先いい一年のスタートです。 &nbsp; どんな楽しみ方ができる? 発売から2ヶ月。おかげさまでたくさんの方に手に取ってもらっており、SNSでは「ワクワクした!」「次の旅先はこの本を見て決める!」「まだ◯個しか達成し ...</p> </div> </a></article>
<article class="m-newsList-item"> <a href="http://pas-pol.jp/2018/12/christmas-paspol/" class="m-newsList-item-link l-row"> <div class="m-newsList-item-image l-grid-5"> <img src="http://s3-ap-northeast-1.amazonaws.com/paspol-images/wp-content/uploads/2018/12/22222635/Untitled-6.jpg" width="800" height="365" alt=""> </div> <div class="m-newsList-item-text l-grid-7"> <h2 class="m-newsList-item-title">まだ間に合う!クリスマスプレゼントにおすすめなPAS-POLグッズを集めました</h2> <p class="m-newsList-item-date"><time pubdate="2018-12-22">2018.12.22</time></p> <p class="m-newsList-item-description">街はいよいよクリスマス本番。きらめくイルミネーションでライトアップされ、耳に入ってくるのは軽快なクリスマスソング。街を歩いているだけでワクワクした気分になりますね! さて、大切な人へのプレゼントはもう決まりましたか?まだ決まっていない!どうしよう!という方、ご安心ください。旅が好きな方が喜んだり、人生に彩りを添えることができるPAS-POLの商品はプレゼントにぴったり。数ある商品の中から厳選したのでぜひ参考にしてもらえたら嬉しいです。 旅好きな人にはこれが一押し!『この世界で死ぬまでにしたいこと ...</p> </div> </a></article>
<article class="m-newsList-item"> <a href="http://pas-pol.jp/2018/12/fukubukuro2019/" class="m-newsList-item-link l-row"> <div class="m-newsList-item-image l-grid-5"> <img src="http://s3-ap-northeast-1.amazonaws.com/paspol-images/wp-content/uploads/2018/12/18121501/%E7%A6%8F%E8%A2%8B_%E3%83%AA%E3%83%AA%E3%83%BC%E3%82%B9%E8%A8%98%E4%BA%8B%E7%94%A8.jpg" width="800" height="365" alt=""> </div> <div class="m-newsList-item-text l-grid-7"> <h2 class="m-newsList-item-title">新年から使いたくなるPAS-POLの福袋が販売スタート!</h2> <p class="m-newsList-item-date"><time pubdate="2018-12-18">2018.12.18</time></p> <p class="m-newsList-item-description">こんにちは!TABIPPOのちゅうやん(@misakiki623)です。今年も残すところあとわずか。2018年はみなさんにとってどんな365日だったでしょうか。私はというと2018年は新書籍制作に注力し、締めくくりにホノルルマラソンに参加したりと、ゴールに向かって走り続けてきた一年となったかなと思います。 今年も一年、TABIPPOやPAS-POLを応援していただいてありがとうございました。応援してくださっているみなさんのおかげで今年一年を締めくくることができるんだなぁと思っています。いつも本当 ...</p> </div> </a></article>
<article class="m-newsList-item"> <a href="http://pas-pol.jp/2018/11/2000-bignews/" class="m-newsList-item-link l-row"> <div class="m-newsList-item-image l-grid-5"> <img src="http://s3-ap-northeast-1.amazonaws.com/paspol-images/wp-content/uploads/2018/11/21144742/46492730_353001498600219_5059285601388331008_n.jpg" width="800" height="365" alt=""> </div> <div class="m-newsList-item-text l-grid-7"> <h2 class="m-newsList-item-title">【大重版決定!】「この世界で死ぬまでにしたいこと2000」が大手書店ランキング1位&大展開中!</h2> <p class="m-newsList-item-date"><time pubdate="2018-11-21">2018.11.21</time></p> <p class="m-newsList-item-description">ちょっと、浮かれてもいいですか?タイトルにもなってますが11月9日(金)に発売開始した「この世界で死ぬまでにしたいこと2000」が &nbsp; \重版決定しました!!/ &nbsp; 予想以上のスピードでの増刷! なんと発売開始からわずか10日間での重版となります。初版でも発行部数がかなり多い本なのですがたくさんの方に買っていただいているため、予想以上のスピードで増刷が決まりました!(大歓喜) 重版をすることで在庫数が増えましたので、より多くの書店さんに「この世界で死ぬまでにしたいこと2000 ...</p> </div> </a></article>
<div class="m-newsList-more l-grid-12"> <a href="http://pas-pol.jp/news/" class="m-button m-button--more">MORE</a> </div> </div> </div></section>
<!-- Share --><div class="l-share"> <div class="l-container l-container--full"> <div class="m-backTop js-backTop">backTop</div>
<div class="m-shareButtons"> <div class="m-shareButtons-item"> <a class="m-button m-button--facebook" href="http://www.facebook.com/share.php?u=http://pas-pol.jp" target="_blank" onclick="ga('send', 'event', 'share_facebook', 'click', 'http://pas-pol.jp');">Share on Facebook</a> </div> <div class="m-shareButtons-item"> <a class="m-button m-button--twitter" href="https://twitter.com/intent/tweet?text=PAS-POL+-%E6%97%85%E3%81%AE%E3%83%A2%E3%83%8E%E3%81%A5%E3%81%8F%E3%82%8A%E3%83%96%E3%83%A9%E3%83%B3%E3%83%89-%EF%BD%9C%E2%BE%83%E5%88%86%E3%81%A8%E4%B8%96%E7%95%8C%E3%82%92%E7%B9%8B%E3%81%92%E3%82%8B%E6%96%B0%E3%81%97%E3%81%84%E6%99%82%E4%BB%A3%E3%81%AE%E3%83%91%E3%82%B9%E3%83%9D%E3%83%BC%E3%83%88%E3%81%AE%E3%82%88%E3%81%86%E3%81%AA%E3%83%A2%E3%83%8E%E4%BD%9C%E3%82%8A%E3%82%92%EF%BD%9C%E4%B8%96%E7%95%8C%E4%B8%80%E5%91%A8%E5%9B%A3%E4%BD%93TABIPPO&url=http://pas-pol.jp&hashtags=tabippo" target="_blank" onclick="ga('send', 'event', 'share_twitter', 'click', 'http://pas-pol.jp');">Share on Twitter</a> </div> <div class="m-shareButtons-item"> <a class="m-button m-button--hatena" href="http://b.hatena.ne.jp/add?mode=confirm&url=http://pas-pol.jp" target="_blank" onclick="ga('send', 'event', 'share_hatebu', 'click', 'http://pas-pol.jp');">Hatena Bookmark</a> </div> <div class="m-shareButtons-item m-shareButtons-item--line"> <a class="m-button m-button--line" href="http://line.me/R/msg/text/?PAS-POL -旅のモノづくりブランド-|TABIPPO%0D%0Ahttp://pas-pol.jp" onclick="ga('send', 'event', 'share_line', 'click', 'http://pas-pol.jp');">Send to LINE</a> </div> </div> </div></div>
<!-- Footer Nav --><div class="l-footerNav"> <div class="l-container l-container--full"> <nav class="m-navigation m-navigation--center"> <ul> <li><a href="http://pas-pol.jp">TOP</a></li><li><a href="http://pas-pol.jp/product/">PRODUCT</a></li><li><a href="http://pas-pol.jp/about/">ABOUT</a></li><li><a href="http://pas-pol.jp/news/">NEWS</a></li><li><a href="http://pas-pol.jp/contact/">CONTACT</a></li> </ul> </nav> </div></div>
<!-- Footer --><footer class="l-footer"> <div class="l-container l-container--narrow"> <h1 class="m-siteLogo m-siteLogo--small"> <a href="http://pas-pol.jp">PAS-POL -旅のモノづくりブランド-|TABIPPO</a> </h1>
<div class="m-copyRight"> <small>Copyright &copy; 2019 PAS-POL -旅のモノづくりブランド-|TABIPPO All rights reserved.</small> </div> </div></footer>
<link rel='stylesheet' id='metaslider-flex-slider-css' href='http://pas-pol.jp/wp-content/plugins/ml-slider/assets/sliders/flexslider/flexslider.css?ver=3.1.1' type='text/css' media='all' /><link rel='stylesheet' id='metaslider-public-css' href='http://pas-pol.jp/wp-content/plugins/ml-slider/assets/metaslider/public.css?ver=3.1.1' type='text/css' media='all' /><script type='text/javascript' src='http://pas-pol.jp/wp-includes/js/wp-embed.min.js?ver=4.9.6'></script><script type='text/javascript' src='http://pas-pol.jp/wp-includes/js/jquery/jquery.js?ver=1.12.4'></script><script type='text/javascript' src='http://pas-pol.jp/wp-includes/js/jquery/jquery-migrate.min.js?ver=1.4.1'></script><script type='text/javascript' src='http://pas-pol.jp/wp-content/plugins/ml-slider/assets/sliders/flexslider/jquery.flexslider-min.js?ver=3.1.1'></script>
<script> // Facebook Like Button (function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/ja_JP/all.js#xfbml=1"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));
// Twitter Tweet Button !function(d,s,id){ var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https'; if(!d.getElementById(id)){ js=d.createElement(s); js.id=id; js.src=p+'://platform.twitter.com/widgets.js'; fjs.parentNode.insertBefore(js,fjs); } } (document, 'script', 'twitter-wjs');
// Google Analytics (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-56586905-2', 'auto'); ga('send', 'pageview');</script></body></html>

 

 

 

これが初心者向けというのも疑問ですが、このコードを今日は勉強していました。

 

ウェブサイトは右クリックをして→ページのソースを表示で見ることが出来ます。

 

まず初めにプロゲートやドットインストールでプログラミングを学び、ウェブサイトを作りたいとおもうならアウトプットしながらコードを理解していくのがいいと思いました。

 

 

今回はこの辺で。またプログラミングの勉強の様子や、その他のことも書いていこうと思います。