HTMLを書いてテキストをブラウザに表示させる

フロントエンド

基本のHTMLを書いて、ブラウザに表示させます。

簡略化のためにデスクトップ上で行います。

右クリックして、新規作成メニューからテキストドキュメントを選択します。

右クリックから新規作成>テキストドキュメント

新規テキストドキュメント.txtという名前のファイルができるので、ファイル名をindex.html に変更します。
注意のポップアップが現れるので、「はい」を選択します。

拡張子を.htmlにすると、HTMLファイルになります。

このindex.htmlをメモ帳にドラッグ&ドロップします。
もしくはメモ帳から、デスクトップ上のindex.htmlを開いてください。

このindex.htmlを編集します。

下記の内容をindex.htmlに入力して保存してください。
最低限の内容です。

<html>
<head>
  <title>最初のページ</title>
</head>
<body>
  <h1>こんにちは!</h1>
<body>
</html>

<>で囲んであるのが、いわゆるタグです。

ここでは、htmlタグ、headタグ、titleタグ、bodyタグ、h1タグを使用しています。
基本的に<〇〇>から始まって</〇〇>で終わる形で、テキストなどの要素を囲みます。

このindex.htmlファイルを、お使いのブラウザにドラッグ&ドロップすると、入力した内容が表示されます。

<title>で囲まれた部分が、ページのタイトルになります。ブラウザではタブに表示されます。
SEOでも、とても重要です。

<h1>は、大見出しです。わかりやすい文章構造を作るために使われます。
こちらもSEOでは大変重要です。

簡略化のためにかなりの部分を端折っていますが、基本的にはこんな感じでWebサイトは作られています。

コメント

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