XHTMLで宣言する場合必須。ブラウザに表示される内容を入れるタグ3.<body>の文章構造では続いて<body>に文章を入れてみましょう。Language)は、webページを構成する言語の一つです。検索エンジンがウェブページの構造を把握して解析したり、ブラウザがウェブページ内の各要素の意味を理解して閲覧しやすいように表示することなどが可能になります。</p></body>h1は大見出しという意味なのでタイトルをいれています。h2はh1の中の見出しなのでサブタイトルみたいなものを入れてます。見出しはh1〜h6まであるので階層的に使いましょう。重要な見出しがh1であり、最も重要でないのがh6とされています。先ほど同様保存し、ブラウザで見てみます。?h1が一番大きく表示されていて、h2が次に大きく表示されていますね。今回”webデザインはじめました”が一番重要なのでh1に入れ、コンピュータもh1が一番重要だと理解してくれています。このように、タグと内容の意味が一致していることを正しい文書構造で書かれているというんですね。文章や段落の見出しを付ける時のタグ。大きな<h1>は大見出しと呼ばれます。文章や段落の見出しを付ける時のタグ。文章を任意の場所で改行させるタグ。/で改行を記述するようにしましょう。h1やh2は特に改行のタグを入れてないけど勝手に改行されてますよね。h1やh2などの見出しはブロック要素と呼ばれ、ボックスがブラウザいっぱいに広がり、改行されるのです。このようにXHTMLは主に文章構造を形成していくのですが、それだけじゃ見た目がこざっぱりしすぎてて見づらいですよね。そこでデザインやレイアウトはCSSで指定することが出来ます。Sheet(カスケーディングスタイルシート)の略で、スタイルシート言語の1つです。スタイルシートはWebページのデザインやレイアウトを定義するもの。CSSを使うと様々なものに色を付けたり、枠を付けたりデザインすることができます。CSSを使うメリット自由度の高いデザインができる読み込みが早い軽い更新しやすい...etcCSSはボックスをパズルみたいに組み立ててレイアウトしていくと考えるとわかりやすいかもしれないですね。href="sample.css"></head>2.指定パターン<p>に入る文章の文字サイズを指定します。{width:100px;}同じセレクタに複数指定したい場合は下に追加して増やしていくことが可能です。red;}複数のセレクタに同じプロパティと値の指定をしたい場合は”,”で区切り、追加する事が出来ます。red;}3.marginとpaddingの違いCSSにはmarginとpaddingというものがあります。どちらも間隔を示すのですが、marginはボックスの外側の間隔を指定し、paddingはボックスの内側を示します。4.ブロック要素とインライン要素ブロック要素とはブロック要素とは、文書の骨組みになる要素です。(見出し、段落など)これらは、特にスタイルを指定しない場合、幅を画面いっぱいに取り、前後が改行されブロックを作り出します。ブロック要素の中にはブロック要素や、インライン要素を含む事が出来ます。※一部のブロック要素(<h1>〜<h6>、<p>、<address>)は含むことが出来ないものもあります。preインライン要素とはインライン要素は行の中の文字に論理的な意味を持たせたりします。(リンクや文字の強調など)行の一部として扱われるので、要素の前後には改行は入りません。インライン要素の中にインライン要素を含むことはありますが、インライン要素の中にブロック要素を含むことは殆どありません。var先ほどHTMLの基礎でh1が改行されていたのはブロック要素だったからなんですね。最初の文字の左側と、最後の文字の右側に存在あれー。インライン要素って結構出来ないこと多いなぁ〜困るな。場合はインライン要素をブロック要素に変えることが出来ます。※ただし、あくまで見た目が変更出来るだけでHTMLの仕様によって定義されているのは変わらない。8.idとclass特定のHTML要素全てにCSSを適用させるのではなく、特定の要素に指定したい場合は「id」と「class」を使います。}ルール「id」は、ページ中で一つに特定できる場所を示すために使われます。1ページ中に1度しか使えません。「class」は、場所を一つに特定する役割はないので、ページ中に何度でも登場できます。ページ中に何度でも登場するPHPを学ぶちゃんと検証できる技術をまず身につけておくことが必須。どのようなものか、簡単にいうと、引数として指定した変数の内容や命令の返値を画面上に出力するものとなります。"hoge"と変数の内容が出力されます。この場合の「string」は内容の型を示し、「(4)」は長さを、そしてダブルクォート内が内容(値)を表しています。);などの命令を引数とした場合は、bool(false)と、実行結果の返値を出力します。(上記の場合は、falseなので偽。合致しない)複数の変数や命令を確認したい場合は、引数をカンマで区切って指定することも出来ます。}上記に場合は、$aに文字列「hoge」が格納されていて、$bには、「moge」を値とする要素が1つの添え字配列が格納されているという意味です。?></pre>など、preタグを使うと見やすくなります。var_dumpを憶えて、検証できる技術を身につけておけば、試行錯誤することも少なくなります。SEO考察インターネットで商品を売る全ての事業者の必須事項は「SEO」である。検索エンジン最適化と呼ばれる手法は単語が検索されたとき自分のウェブページが上位に表示されるようにするものだ。検索ページで上位にあればあるほど、そのページに来訪する人が増える。来訪者が増えれば売上も増えるというロジックだ。SEOの最大の弱点は「単語を検索してもらうこと」である。検索されなければ自社ウェブページにたどりついてもらえない。そのためにテレビCMなどで「○○を検索!」と連呼する。単語を浸透させたり検索してもらう動機を人々に与えなければならないのだ。ソーシャルメディアはSEOの弱点を吹き飛ばした。単語を能動的に検索してもらう必要がないのだ。つぶやかれた情報に興味が沸き、その中にURLが載っていれば、すぐにクリックして該当ページを確認できる。検索という手間を省くことができる。その情報がフォローしている人からの情報であれば自分の趣味に合うことも多いはずだ。「SEO」はストック型情報を取り扱い、倉庫の物品を販売するには適している。リアルタイム性をもった鮮度の高い「今」や「旬」の情報を伝える力はソーシャルメディアが圧倒的だ。自分だけでは知り得なかった興味があるはずの未知の情報を「気付かせる」という新しい道具でもある。知らなかった本の感想がタイムラインに現れ、なんとなくクリックしたら書評のブログに飛び、なんとなくアマゾンのページに飛んでしまい、読みたくなって買ってしまった、という経験はないだろうか。Storeでダウンロードしていた、というのはどうだろう?これは当たり前になっている。この購買行動は一般的になりつつあるのではないだろうか。