0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

Web制作の基本(HTML)

Posted at

#概要

Web制作を始めるにあたっての基本です。
HTMLの基本的な書き方についても紹介します。

#テキストエディター
まずWeb制作を始めるにあたって、HTMLを書いていくためにテキストエディターというアプリケーションが必要となります。
これは制作する上で役に立つ補完機能がたくさん付いているのでダウンロードしてから始めましょう。
Atom、Visual Studio Codeなど、たくさんのテキストエディターがありますが、自分にあった物を見つけるのがいいと思います。

#そもそもHTMLとは

HTMLとはWebページを作る上で基本となる言語です。(マークアップ言語と言います。)
インターネット上にあるたくさんのWebサイトがHTMLを使って作られています。

#HTMLを記述してファイルを保存する

テキストエディターにコードを記述し、ファイル保存します。

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>タイトル</title>
</head>

<body>
<h1>タイトル1</h1>
<p>段落1</p>
</body>
</html>

#HTMLのファイル名のルール
HTMLのファイル名には拡張子をつける必要があります。
拡張子とは、そのファイルの種類を表す文字列のことで、ファイルの中でピリオドより後ろの部分です。
ex. blog.html

HTMLファイルの場合はhtmlと後ろにつけて保存しましょう。
そのファイルを開くと、ウェブブラウザーが立ち上がり、記述した内容が表示されます。

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?