初級講座・HTML編

それではWeb制作の基礎、HTMLから学んでいきましょう。

HTMLとは？名前の意味やバージョン、書き方などを説明します。

HTMLはHyper Text Markup Language（ハイパーテキストマークアップランゲージ）の略で、HTML5が最新バージョンです。文章をマークアップする際は「閉じタグ」「入れ子」等ルールがあり、タグは100種類近くあります。

HTMLの主要タグ

HTMLにはかなりの数のタグが用意されています。

しかし、それらを全て覚えたり、使いこなす必要は実践的には少ないでしょう。ですので、より早く、わかりやすくスキルを習得する為に、「コレだけ覚えておけばサイトが作れる！」という、最低限必要な主要タグのみをピックアップしていきました。

あくまで最低限必要と考えているだけですので、ここで習わなかったタグについては「検索」などをして、その都度頭に入れるようにしていってください。

HTMLの基本構造（要素と属性）から記述方法、各タグの役割と意味まで解説。

HTML5の基本構造は、DOCTYPE宣言と<html>で囲われた<head><body>要素。<head>内はmeta,title,link,script,style等、<body>内はheader,main,footer等を記述します。

HTMLのbodyタグ内でよく使う、実践的基本タグおすすめ12選

HTMLで実践的に使用するタグは限られており、body内では<div>,<h>,<ul>,<li>,<a>,<p>,<span>,<img>,<br>,<table>,<tr>,<th>,<td>で、これらだけである程度HTMLは組めます。

bodyタグに使用する、覚える必要はないが理解しておくべきおすすめタグ13選

<body>に実践的に使用する、覚える必要はないが理解しておく必要があるおすすめタグはnav,main,article,section,aside,dl,dt,dd,tbody,tfoot,thead,form,inputタグの13種類。

絶対パスと相対パスの概念とメリット・デメリット

ホームページの制作にて、画像やファイルの指定をする際に、相対パスと絶対パスという概念があります。それぞれのメリット・デメリットや記述方法、WordPressでのリンク設定方法、どちらのリンク設定を採用すべきか等を解説していきます。

URL（パーマリンク）を英語で管理する理由【WordPress】

ホームページのURLが文字化けしている事があります。コレは、日本語がエンコードされて扱われている状態で、ユーザーからみても、SEOの観点からみても良くないので、、URL（パーマリンク）を設定する際は、必ず英語にしておく必要があります。

それでは、引き続き「初級講座・CSS編」へお進みください！