大阪府堺市のSEO・MEO対策ホームページ制作会社
トランジット( 合同会社うえせいや)
営業時間 9:00〜17:00(土日祝休)

HTMLの書き方は、開始タグと内容と終了タグというのが基本【HTML超入門3】

HTMLの書き方の基本
LINE@
「この記事が気に入ったらLINE@で友だち追加をしよう!」

合同会社うえせいやの最新情報をお知らせします。

友だち追加

sponsored link

うえせい写真

この「うえせいやブログ」は、合同会社うえせいやが運営する自社メディアです。
【運営している人】
うえせい
【本名】
上原誠司(合同会社うえせいや代表社員社長)
【お仕事】
◯WordPressを使ったホームページの制作
◯自社オウンドメディア運営
◯中小企業向けITサポート
【好きなこと】
トライアスロンと自転車とアウトドアをこよなく愛しています。
詳しくは、コチラ

取引実績業種

公立高校・各種クリニック・歯科・産婦人科・商店街・鍼灸院・整骨院・整体院・ホテル・ネイルサロン・各種モデル・講師業・生花店・ベビーマッサージ協会・カメラマン・自動車教習所・占い・飲食店・各種クリニック・旅館・ホテル・宿泊施設・など

全国どこでも対応可能です

メールはもちろん、SNSや、LINE、スカイプなどを使ってしっかりとコミニュケーションをとりながら、進めることが可能です。
もちろん、お近くの方や、仕事で行くとこの多い関東圏であれば、実際お会いしてのコンサルティングやレクチャーも対応可能です。

面談可能地域

堺市堺区・堺市中区・堺市東区・堺市西区・堺市南区・堺市北区・堺市美原区・和泉市・大阪狭山市・泉大津市・岸和田市・貝塚市・泉佐野市・泉南市・松原市・富田林市・大阪市此花区. 大阪市福島区 · 大阪市北区 · 大阪市都島区 · 大阪市旭区 · 大阪市港区 · 大阪市西区 · 大阪市中央区 · 大阪市城東区 · 大阪市鶴見区 · 大阪市大正区 · 大阪市浪速区 · 大阪市天王寺区 · 大阪市東成区 · 大阪市西成区 ·大阪市阿倍野区 · 大阪市生野区 · 大阪市住之江区. 大阪市住之江区. 大阪市住吉区 · 大阪市東住吉区 · 大阪市平野区・吹田市
※ここに掲載されている場合でも、一部地域では困難な場合もございます。

HTMLの使い方には、基本があって、それと簡単な英語の意味さえ分かれば、なんとな〜く意味が分かるようになってきます。

girl.png
A さん

「そうなの? ホームページが表示される仕組みを知る【HTML超入門】」で紹介してくれたタグも、全然意味が分からなかったよ

<html>
	<head>
		<title>タイトル</title>
	</head>
	<body>
		<h1>見出し1</h1>
		<p>本文ほんぶん本文ほんぶん本文ほんぶん本文ほんぶん本文ほんぶん</p>
	</body>
</html>
uesei.png
うえせい

それはね、タグの書き方の基本を知れば、分かるようになってくるよ

 

sponsored link

HTMLのタグは、基本的には<開始タグ>~で内容を囲めばいいだけ

開始タグ 終了タグ
ややこしいことが、たくさん書いてあるように思うのですが、実際使っているタグの種類はそれぼど多くないし、それぞれの意味と書き方のルールさえ覚えてしまえば、イチから書いてあることは理解できなくても、ある程度は理解ができるようになってくるでしょう。

タグは入れ子にして、書くことも可能

入れ子というのは、複数のしていを重ねて書くことで、いくつも並べることが可能です。

例えば以下のような場合が入れ子になっています。

<h1><strong>テキストてきすとテキスト</strong></h1>

ちなみに、これは見出しタグの中に、文字を強調するタグが入っていますので、強調した文字を見出しにしているのですね。

uesei.png
うえせい

ただし、あくまで入れ子であって開始タグも、終了タグも同じ順番に並べちゃうとダメですよ

▼ダメな例

<h1><strong>テキストてきすとテキスト</h1></strong>

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

例えば改行をさせるための<br>などは、内容がないものなので終了タグは必要ありません。

このため、通常は<br/>と記載することの方が多いですよ。

【まとめ】HTMLの書く時のルールは開始タグと、終了タグである事を知っておけばいい!

うえせいイラスト
このルールさえ理解しておけば、あとはタグの意味さえ覚えていけば、HTMLは攻略できます。

覚えておきましょう。

では、また。最後まで読んでくれてテリマカシ。

【関連記事】ホームページが表示される仕組みを知る【HTML超入門1】

【関連記事】WEBサイトの制作のために必要なテキストエディタをインストールする【HTML超入門2】

【関連記事】AddQuicktag 予めよく使うHTML雛形を登録しておくと、記事作成が楽になるWordPressプラグイン