我流！HTML言語超絶研究所！誰でも無料でコーディングが学べるサイトだよ
独学でHTMLを学習・研究している、とある北海道民のウェブサイトへようこそ。本サイトは、市販書籍とネット上の情報を参考にしながら、HTMLを勉強してきた経験・体験談を包み隠さずお伝えしている媒体です。
これからHTMLを学ぼうとしている人、学び始めて間もない初心者さん。
もしくは、中級者さんが対象になるでしょうか。
おしらせ
HTMLの基本
特殊一覧商品特殊一覧商品特殊一覧特殊一覧商品特殊一覧商品特殊一覧特殊一覧商品特殊一覧商品特殊一覧特殊一覧商品特殊一覧商品特殊一覧特殊一覧商品特殊一覧商品特殊一覧特殊一覧商品特殊一覧商品特殊一覧特殊一覧商品特殊一覧商品特殊一覧
| はじめに | |
|---|---|
| できること | できないこと |
| メリット | デメリット |
| 難易度 | 見本 |
| - | |
|---|---|
| - | - |
| - |
|---|
| - |
HTML学習
| 学習方法 | |
|---|---|
| 独学 | 指導を受ける |
| 独学 | |
|---|---|
| 書籍 | ウェブサイト |
| 動画 | SNS |
| 指導を受ける | |
|---|---|
| 知人に頼る | オンライン講座 |
| 通学 | 就職 |
HTMLタグ集
HTMLタグ確認用の早見表です。要素、属性の昇順一覧。目的別からHTMLタグが探せる逆引き辞典を用意しているところです。わたしは、使用頻度の低いタグを忘れてしまう人なので、こうした一覧を見ながらウェブサイト構築していたりします。
-
HTMLの簡易見本ソース
ソースコード
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">
<title>我流！HTML言語超絶研究所へようこそ！</title>
<style>
footer{
color:hotpink;
font-size:15px;
}
</style>
</head>
<body>
<header>
<ul>
<li>自己紹介</li>
<li>お問合せ</li>
</ul>
</header>
<nav>
<ul>
<li>htmlを独学する</li>
<li>学校でhtmlを学習する</li>
</ul>
</nav>
<main>
<h1>HTMLソースの見本</h1>
<p>HTML5で記述しています。</p>
<section>
<h2>独学なので間違っている可能性も！？</h2>
<p>
W3Cのサイトとかで勉強しているので、、、
たぶんあってる！と、思います、、、
</p>
</section>
<section>
<h2>W3C公式サイトで確認</h2>
<p>
HTMLの標準化を推進するW3Cを参考にするのがベスト！
粘り強く！コツコツ学んでいれば、そのうち慣れてきますよー。
</p>
</section>
</main>
<aside>
<h3>宣伝</h3>
<p>運営ウェブサイト</p>
<p><a href="https://www.hokahokapon.com/">HP</a></p>
</aside>
<article>
<h1>ホームページ作成難易度</h1>
<p>制作するウェブサイト内容によって難易度が違う</p>
</article>
<article>
<h1>HTML言語の習得って必須？</h1>
<p>
ウェブ業界で活動したいなら学んでおいた方がいいかもです。
1からウェブサイトを構築したいのなら必須。
あと、Javascript言語、PHP言語等、ウェブ系プログラミングを
学ぶときなんか、HTML言語の知識が大変役に立ちます。
わたしは、学んでおいて良かったと思っています。
</p>
</article>
<footer>
更新日：<time>●●年●●月●●日●曜日</time>
© hogehoge
</footer>
</body>
</html>簡単なソースコードをご用意しました。
HTMLは、このような感じで書く言語ですよってことで、参考までにどうぞ。
上記ソースのバージョンはHTML5です。
赤色で表示されている部分は、CSSプロパティです。
HTML言語ではございません。
ご注意ください。
当頁内で出現した専門用語
一覧
特集記事
