おばちゃんでも学べるプログラミング

おばちゃんでも学べるプログラミングは、実際に44歳の私がプログラミングを学んでいくリアリティーブログです。

HTMLとCSS(初級編)①

f:id:s345310s:20180216075217p:plain

コンピューター言語

こんにちは。早速私がProgateで学んだHTML・CSSの初級編①のまとめは以下の通りです↓

HTMLとは?

HyperText Markup Languageの略で、ウェブページを作成するために開発された言語です。 現在、インターネット上で公開されてるウェブページのほとんどは、HTMLで作成されています。

CSSとは?

Cascading Style Sheetの略で、HTML文章の視覚的表現をコントロールする役割を果たします。具体的にはテキストの色を変更する、表の枠線の太さを変える、リスト項目の間を広げる等が可能になります。(簡単に言うと、HTML要素に対して色・大きさ・配置などを指定し、ページデザインを行う)

<h></h>: Headingと言う意味で、Web上の見出しに使うタグ。<h1>~<h6>まであり数字が大きくなるにつれWeb上の見出しの大きさが小さくなる。(HTML)

例→<h1>見出し</h>

<p></p>: Paragraphと言う意味で、Web上の見出し以外に使うタグ。(HTML)

例→<p>見出し以外に</p>

<a></a>: Anchorと言う意味でリンクを作成するために使うタグ。(HTML)

例→<a href="URL">Google</a>

<img>: Imageと言う意味で、画像表示タグ。※終了タグ無 (HTML)

例→<img src="URL">

<li></li>: Listと言う意味で、リストを作るときに使うタグ。(HTML)

*この<li>タグを<ul></ul>で囲むと文頭に黒点が付く。

*この<li>タグを<ol></ol>で囲むと文頭に数字が付く。

*<ul>や<ol>=親要素で<li>が子要素。

*親要素と子要素を区別するためにインデント(字下げ)をする。字下げ方法はtabキーを使う。

例→<ul>

   <li>リスト</li>

  </ul>

今日はここまで、インプット(学ぶ)ことよりもこうしてアウトプット(要約して書き出す)方に時間がかかる・・・これにもなれるのかな!?

to be continued.....