htmlソースを書いてブラウザに hello と表示させる
ブラウザーにhelloと表示
Webサイトに表示させるためHTML（Hyper Text Markup Language）言語で記述するのが一般的です。
ブラウザに「hello」と表示させるために vi エディタで test.html を記述します。
書き上がった test.html をブラウザーにドロップして、 htmlファイルの内容を表示させます。
|
1 2 3 4 5 6 7 8 |
<html> <head> <title>test</title> </head> <body> <p>hello!!</p> </body> </html> |
HTMLタグの基礎
< と > で囲まれたものをタグといいます。
タグは <タグ> と </タグ> の対になっています。
基本のタグ
<html> </html>
HTMLで書かれたファイルと宣言します。
文書全体を<html>タグで囲みます。
<head> </head>
Webページの基本情報が書かれます。
<title> </title>
Webページのタイトルを指定します。
<body> </body>
Webページに表示される内容が書かれます。
<html> </html>
HTMLで書かれたファイルと宣言します。
文書全体を<html>タグで囲みます。
<head> </head>
Webページの基本情報が書かれます。
<title> </title>
Webページのタイトルを指定します。
<body> </body>
Webページに表示される内容が書かれます。
<!DOCTYPE html>
<html>
<head>
<title>タイトル</title>
</head>
<html>
<head>
<title>タイトル</title>
</head>
<body>
Webページに表示する内容
</body>
</html>
これが HTML の最低限の雛形になります。
必ず覚えるタグ
<p> ： 段落を示します。
<br> ： 改行
<h1> <h6> ： 見出し （h1 から h6 まで６段階）
<div> ： タグで挟まれた部分をグループ化します。
<ul> ： リスト表示
<ol> ： 番号順にリストを表示
CSSの基礎
CSS（Cascading Style Sheets）は HTML と組み合わせて使われる、Webページのスタイルを指定するための言語です。
HTMLで文書構造を指定し、CSSはスタイルを指定。 → 文書構造とスタイル指定を分離して管理するために CSS が使われるようになりました。
「html 書き方」をキーワードにして検索した結果は次の通りです。
- まずはここから！HTMLの書き方【初心者向け】 | TechAcademyマガジン
- 初心者向けHTML入門：書き方の基本とタグの使い方
- HTMLの書き方－HTMLの基本
- 普通のHTMLの書き方
- HTMLの基本からタグの書き方まで世界一簡単に解説 | CodeCampus
- 超絶初心者のためのフロント入門（HTML、CSS、JavaScript） – Qiita
- HTMLの書き方は?初心者でもわかるHTMLの基本!改行や画像挿入など …
- 【初心者向け】HTMLの書き方入門ガイド！タグの使い方も例を交えて図解
- 簡単で正しいHTMLの書き方: はじめに
- ハローワークインターネットサービス – 履歴書・職務経歴書の書き方
「css 入門」をキーワードにして検索した結果は次の通りです。