2
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?

O型のHTML記載方法まとめ

Last updated at Posted at 2024-07-17
1 / 8

はじめに

 【HTML(HyperText Markup Language)】
 (ハイパーテキスト・マークアップ・ランゲージ)を

 記載する上で、最低限必要そうなことを、まとめました。


①HTMLの基本構成

以下の4つが基本的な構成となります。

  1・・・ DOCTYPE宣言(ドックタイプ 宣言)
       HTML文書の仕様、バージョンタイプを記載

  2・・・ htmlタグ  (エッチティーエムエル タグ)
       HTML文書であることを示すタグを記載

  3・・・ headタグ(ヘッダ タグ) 
       HTML文書全体に関する指定などを記載
       
  4・・・ bodyタグ(ボディー タグ)
       HTML文書の内容(見える部分)を記載

 なお、HTMLのタグには、「<>」開始タグと「</>」終了があり、基本は内容を間に記載

 ページ全体の記載例 ↓

<html>       ・・・ 開始タグで始まりを記載

 <!DOCTYPE html>

 <head>
     <title>サイトのタイトル </title>   ・・・開始タグと終了タグで挟んで記載     
 </head>


 <body>
   ~サイトの内容を記載~ 
 </body>

</html>        ・・・ 終了タグで終了を記載

DOCTYPE宣言

Document Type Definitionの略
(読:ドキュメント・タイプ・デフィニション)⇒ スキーマ言語のひとつ

HTMLのバージョンより記載方法が異なる

・HTML4.01(詳細は異なる場合がある)

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">

・HTML5以降のバージョン

 <!DOCTYPE html>

htmlタグ
文書がHTMLであることを示すために、最初と最後に記載する。


headタグ
ブラウザに向けた情報等を記載する。


metaタグページに関する情報を表す

<meta charset=UTF8">
    ・・・文字のエンコードと呼ばれる、数値を文字に変換するタイプを指定

titleタグページのタイトルを表す

<title>パソコンで出来ることLINK!!</title>

linkタグlinkタグとは「そのページ」と「別のファイルやページ」を関連づける

 <link rel="stylesheet" type="text/css" href="body.css"> 
     ・・・外部スタイルシート外部スタイルシート(CSS)を読み込む、body.css ファイルを指定

    <link rel="shortcut icon" href="favicon.ico">
    ・・・ファビコンと呼ばれる、ブラウザのアドレスバーなどに表示されるアイコンを指定 

bodyタグ
以下のような内容部分を記載する。

hタグ(見出しの作成)
 hタグは、小見出しを作るタグです。
hタグの種類は、h1からh6まで6種類あり、数字が小さいほど大きな見出しを示します。

brタグ(改行)
 HTMLでは、改行する際はbrタグを使います。

tableタグ(表の作成)
 tableタグは、「表を作る」タグです。tableタグは、trタグやtdタグ、thタグとともに使います。


参考文献

HTML関連情報サイト様
   https://www.tohoho-web.com/www.htm
   https://wa3.i-3-i.info/index.html
   https://www.tagindex.com/
   https://creatorquest.jp/reference/html/element/

   https://www.htmq.com/html/
   https://developer.mozilla.org/ja/docs/Learn/Getting_started_with_the_web

2
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
2
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?