1日目 HTMLに触れてみよう!!


HTMLとCSS

Webページは「HTML」と「CSS」という言語を組み合わせて作られている。
まずは、HTMLから勉強していきます。


HTML

テキスト

<>(タグ)と呼ばれる印をテキストにつける

<h1> HTMLに触れる </h1> h1(見出し)
<h1>以外にも、<h2>, <h3>・・・<h6>がある。(hは「heading」見出しの略)

<p>HTMLとCSS</> p(段落)
段落を表すのは、<p>要素です。(pは「paragraph」段落の略)
*見出し以外の文に関しては、<p>要素を用いる。

*終了タグには「/」が入る 例:</h1>, </a>

コメント

コメントは、<!-- -->で囲みます。
コメントとして書かれたテキストはブラウザには反映されず、メモとして使える。

リンク

1.<a>要素を用います。 例:<a>リンク</a>
2.<a>要素にリンクの飛先を指定するには、hreh属性を追加する。
  <a href="リンクのURL(ブラウザに表示されない)">~~~~</a>

画像

画像の表示には<img>要素を用います。
<img src="リンクのURL(ブラウザに表示されない)">~~~~~~
*終了タグは不要

リスト

リストをつくるには、<li>要素を用います。
要素を要素で囲むことを「入れ子」といい、
囲む要素を「親要素」、囲まれる要素を「子要素」と呼びます。
<ul>
    <li>1</li>
    <li>2</li>
    <li>3</li>
</ul>
*<ul>要素で囲むと、黒点が先頭につきます。
<ol>要素で囲むと、数字が連番でつきます。

HTMLに触れてみて・・・

まだまだ基本的な内容についてだけど、なんとか続けて行けそうかな。
基本的なタグは覚えないといけないかな。

まだ基本中の基本なので、これからもっと難しいコードに触れて、知識を深めていきたいです。


この記事が参加している募集

この記事が気に入ったらサポートをしてみませんか?