HTMLの書き方

HTMLの書き方 HTML
スポンサーリンク

こんにちは、素人エンジニアです。
私はWebページを作りたいです!どうやらWebページはHTMLで出来ているようですが、よくわかりません。そこで今回はHTMLについて簡単にまとめてみました。

HTMLとは?

HTMLは、HyperText Markup Languageの略のようです。意味がわかりませんね!「HTMLを使えば、テキストに色々な役割を与えることができる!」くらいの理解でいいと思います。難しいことは無視して、どんどん進みましょう!

HTMLの書き方

では、どうやってテキストに役割を与えるのでしょうか?
HTMLでは、タグを使用してテキストに役割を与えています。具体的にタグを見てみましょう。

<!DOCTYPE html>
<html>
 <head>
  <title>タイトルに使うタグです</title>
 </head>
 <body>
  <h1>見出しです</h1>
  <p>これは段落に使うタグです</p>
 </body>
</html>

これをブラウザで開くと、このようになります。(みなさんもコピペして試してみてください)

HTMLタグの基本形は、<〇〇>テキスト</〇〇>です。
例えば、<html>はHTML文書であることを宣言しているタグです。<html>〜</html>の中には、文書のヘッダ情報を定義する<head>と、文書の本体(見出し・段落・表・フォームなど)を定義する<body>をひとつずつ入れる必要があります。

いろんなタグがある!

他のタグでは、こんな役割を与えています。

  • <!DOCTYPE html>:文書がHTML5で作成されたものであることを宣言するタグ。
  • <title> : 文書にタイトルをつけるタグ。<head>〜</head>中に配置。
  • <h1> : 見出しを付けるタグ。数字が小さいほど、大きな文字になる。
  • <p> : 段落を作るときに使うタグ。

このHTMLタグを使い分けることで、Webページの各部に様々な役割を与えることが出来るようにります。

まとめ:HTMLタグを使用してテキストに役割を与えよう!

リストやテーブルの作成、画像の挿入など、タブを使えば出来ることがたくさんあります。色々なタブを駆使して、思うがままにWebページを作成できるようになりたいですね(願望)。

以上!

このブログでは、【ConoHa WING】を使っています

このブログでは、【ConoHa WING】を使っています
わたし、稼げました。

このブログでは、プログラミングでの学びをノート代わりとして記事としています。
少しずつPVが増えてきて、先日Google AdSenseの収益が振り込まれました!

どれくらいの記事数、期間、PVがあれば振込ボーターの8千円に到達するのか?
私のリアルな数字を紹介します。

ブログ村を利用しています
素人エンジニアの苦悩 - にほんブログ村
PVアクセスランキング にほんブログ村
HTML
スポンサーリンク
スポンサーリンク
シェアする
amateur_engineerをフォローする
素人エンジニアの苦悩

コメント

タイトルとURLをコピーしました