hiyoko-programingの日記

プログラミングを勉強したてのひよっ子。   エンジニア目指して勉強中。

HTMLについて

 

開始タグと終了タグ

htmlの要素の例
1
2
3
4
5
6
<h1>
  見出し
</h1>
<p>
  段落
</p>

・h1という要素の中に「見出し」という文字が入っている

・pという要素の中に「段落」という文字が入っている

 

終了タグのない場合もある

 

終了タグが必要無い要素の例
1
<br>
1
<img src="hoge.png" alt="hogehoge">

 

 

HTMLファイルの作成

1. テキストエディタを起動

2.ファイルを新規作成

commandキー + n を押すと、ファイルを新規作成できる。

3.test.htmlという名前でファイルを保存

commandキー + s を押すと、ファイル保存のためのポップアップが出る。

作成できたら、以下のHTMLをそのままコピーし貼り付ける。

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
<!DOCTYPE HTML>
<html>
<head>
  <meta charset="UTF-8">
  <title></title>
</head>
  <body>
    Hello, world!
  </body>
</html>

貼り付けたら、command + s を押して忘れずに上書き保存する。

これが、基本となるHTMLになる。
HTMLを書くときは、はじめにこのコードを使う。