〜HTML編〜2017.11.04引用:http://www.htmlandcssbook.com/こんにちは、chi-taraです。今回は、プログラミング未経験者に向けたホームページ作成講座の記事をHTML編、CSS編に分けて書いていきたいと思います。(この前偶然知人に教える機会があったので。)今回はHTML編です!この記事を読んで下さった方が、最終的に「googleで調べながらであれば、ホームページを作れる」ってという状態になっていただけるのが理想です。サンプルファイルも用意していますので、読みながら実践してもらえればなーと思います。皆さんはHTMLやCSSはご存知でしょうか?HTMLやCSSはホームページやwebに用いられるプログラミング言語です。中にはそれくらい知っているという方もいるのではないでしょうか。初心者の方はプログラミング言語と聞いただけでも、抵抗がありますよね...。最初に、HTMLやCSSはほぼプログラミング言語ではありません!!まったくの初心者でも扱えてしまう大変簡単なものなのです。プログラミング未経験者の方でも挫折することなく作ることができるでしょう。言っても、最低限必要な知識は何個かあります。ここでは、その最低限必用な知識を、3つに分けてご紹介したいと思います。HTMLとCSSすべてのwebサイトは必ずHTMLとCSSと呼ばれるプログラミング言語で作られています。HTMLは文字や画像などのコンテンツを作り、CSSはデザインを作ります。冒頭でも述べたようにこの2つはプログラミング言語というより、マークアップ言語と呼ばれるものに近いのです。Language』であり、名前の中にもマークアップ言語と思いっきり入っているのがわかります。HTMLがどのようなものか見ていきましょう。<p>これはサンプルです。</p>これは単純に文字を表示するHTMLです。基本的にHTMLは文字をタグで囲うことしかしません。今回はparagraphを意味するpタグで文字を囲っています。href="https://daily-fruit.com/">こちら</a>をクリックしてください。</p>この例は『こちら』の部分にリンクを貼っています。こちらも同様に文字をaタグというリンクを貼るタグで囲っているだけです。続いてCSSを見ていきましょう。center;}こちらがCSSのコードになります。書いてあることはとても単純で、pタグのスタイル(デザイン)を文字サイズを16ピクセルにする文字の色を赤にする中央添えにするということです。非常に簡単だと思います。それではまとめですが、HTMLはコンテンツ、CSSはデザイン!これだけです。多くの方がWordとかExcelを使ったことはあると思います。Word・Excelで保存した時に、〜.docxや〜.xlsxみたいなファイルに保存されると思います。(Windowsの初期設定ではないかもしれません。)この『.』の後ろについているdocxやxlsxが拡張子と呼ばれるものです。簡単に説明すると、このファイルがどんなファイルであるのかを表しています。詳しく知る必要はありません。以下に、ホームページを作成する上でよく使う拡張子を書いておくのでサラッと見ておいてください。色の数が少ないシンプルな画像に向いている。色の数が多い複雑な画像に向いている。