皆さんこんばんにちは、ユウです。
今回は今まで紹介してきたHTMLタグの記事についてまとめた記事一覧となります。
ぜひ、この記事から知りたいタグを見つけて足を運んでみて下さい。
文書情報・構造に関わるタグ1 <!DOCTYPE>,<link>など
この記事ではHTMLを記述する際に必ず書くタグを紹介しています。
内容としては<!DOCTYPE>,<html>,<head>,<title>,<base>,<link>,<style>について触れています。
linkタグは外部ファイルと結びつけるために覚えておく必要があるので、使い方を忘れている人はぜひ、復習してみて下さい。
文書情報・構造に関わるタグ2 <meta>
この記事ではmetaタグについて紹介しています。
HTMLを始めたばかりの頃はmetaタグってheadタグの中にいっぱいあるけど一体何なんだ？と思う方いらっしゃるかと思います。（実際私はそうでした笑）
metaタグはかなり大事なタグとなっているので、もし自信ないなと感じた人は参考がてらに見てみて下さい。
文章構成に関わるタグ <h1>,<p>,<ul>など
~,
,
- ,
- ,
- ,
- ,
- についてです。今回の内容も特に大切なタグが含まれているので、このタグ何だったかなと思う方は、ぜひ足を運んでみて下さい。...
- ,
- ,
この記事では文章構成に関わるタグを紹介しています。
内容としては<body>,<h1>~<h6>,<p>,<ol>,<ul>,<li>,<dl>,<dt>,<dd>について触れています。
これらのタグはHTMLで文章を書く際に、非常によく使うタグです。
ulタグなどはリスト構成するタグですが、これもWebサイトのデザインを整えるために便利なタグなので覚えておくと役立ちます。
文字に効果をつけるタグ1 <div>,<a>,<em>など
この記事では図表を挿入するタグや、テキストに意味を与えるタグについて紹介しています。
内容としては<figure>,<figcaption>,<div>,<a>,<em>,<strong>について触れています。
特にdivタグとaタグはとても頻繁に使うタグです。しっかりと効果を知っておかないと不細工なWebサイトとなってしまうのでしっかりと理解しておくようにしましょう。
文字に効果をつけるタグ2 <small>,<span>,<br>など
...
この記事ではテキストに効果をつける際に使うタグを紹介しています。
内容としては<small>,<s>,<i>,<b>,<span>,<br>について触れています。
spanタグはテキストの一部分を変える際に非常に使えるタグです。細かい箇所のテキストを変えたい場合はこのタグを使っておけば大丈夫です。かなり便利なタグなので、よく機能を知らないという方は復習がてら見て下さい！
メディアの挿入に使うタグ <img>,<video>,<audio>
この記事ではメディアの挿入をする際に使用するタグについて紹介しています。
内容としては<img>,<video>,<audio>に加えJPG,GIF,PNGの違いについても紹介しています。
メディアをWebページの埋め込むとWeb全体のイメージががらりと変わるので印象を変えたいときなどは、メディアの挿入をしてみてはどうでしょうか。
また、画像のファイル形式についていまいち分かってない人は足を運んでみてはどうでしょうか。
表に関するタグ <table>,<caption>,<col>など
この記事では表の挿入をする際に使うタグを紹介しています。
内容としては<table>,<caption>,<colgroup>,<col>,<thead>,<tbody>,<tfoot>,<tr>,<td>,<th>について触れています。
サイトに見やすい表を入れて、データや結果を表示するとかなりスマートなサイトとなります。
表についてのタグは少し数が多いですが慣れると意外と簡単に扱えるようになるので、あまり表を作るタグについて触れてこなかった人はぜひ、読んでほしいです。
フォームに関するタグ1 <form>
この記事では入力送信フォームなどを作る際に使うformタグのみ紹介しています。
フォームタグはPHPと一緒に使う事が多いですが、HTMLの機能としてかなり種類があるのでまずは、HTMLタグの効果のみ取り上げています。
メインで紹介しているのは属性についてです。もし、formタグの属性についてよく知らないという方がいらっしゃったら足を運んでみて下さい。
フォームに関するタグ2 <button>,<textarea>など
この記事ではフォームの中に埋め込んでいけるコンテンツを作成するタグについて紹介しています、
内容としては<button>,<select>,<datalist>,<option>,<optgroup>,<textarea>について触れています。
selectタグやtextareaタグはフォームの中に頻繁に入れて使うタグとなります。もし、使い方が分からない場合は訪れてみて下さい。
また、buttonタグについてはフォーム以外のところでも使用でき、aタグなんかと一緒に使うとかなり便利なので身につけるようにしておいた方が良いです。
フォームに関するタグ3 <label>,<input>など
この記事ではフォームの中を整理したり、フォーム部品を作るためのタグを紹介しています。
内容としては<fieldset>,<legend>,<label>,<input>について触れています。
fieldsetタグなどは使用するとフォームの中身がまとまって非常に見やすくなるので覚えておくと非常に便利です。
また、inputタグはtype属性が数多く有り、沢山の種類のフォーム部品が使えます。
フォームを上手く作りたいという方は、ぜひ、足を運んでみて下さい。
最後に
HTMLタグの記事についてはこれで以上となります。
HTMLはタグの性能を知っておくとかなり理解度が違います。ぜひ、これらの記事を通して理解度を深めて下さい。
これからも楽しんでWeb制作をしていきましょう！
今回は以上になります。
最後まで読んでいただきありがとうございました！
