![](https://111111monji.com/wp-content/themes/cocoon-master/images/no-image-320.png)
タグ
![](https://111111monji.com/wp-content/themes/cocoon-master/images/no-image-320.png)
![](https://111111monji.com/wp-content/uploads/2024/01/4-jpg-e1707658250976-570x321.webp)
HTML・CSS:グーグルマップを埋め込む・iframeタグ
![](https://111111monji.com/wp-content/themes/cocoon-master/images/no-image-320.png)
HTML・CSS:プログラムの計算結果を表示するoutputタグ・formタグ
![](https://111111monji.com/wp-content/themes/cocoon-master/images/no-image-320.png)
HTML・CSS:idとnameの違い、ボタンや入力フォームと関連付けたテキストを表示させるlabelタグ、送信ボタンを作成するbuttomタグ、入力情報が長くなるテキストを入力するtextareaタグ
![](https://111111monji.com/wp-content/themes/cocoon-master/images/no-image-320.png)
HTML・CSS:著作権の明記や注釈などに使うsmallタグ、プログラムの出力内容をサンプルとして提示するsampタグ、上付き文字を表示するsupタグ、下付き文字を表示するsubタグ、囲った場所に黄色いマーカーをmarkタグ、文字の読む順番を変更するbdoタグ、右から読む言語と左から読む言語が混ざっている時に良い感じに調整してくれるbdiタグ
![](https://111111monji.com/wp-content/themes/cocoon-master/images/no-image-320.png)
HTML・CSS:一部のみ表現方法をまとめて変えたいときや文字の装飾などに使うspanタグ
![](https://111111monji.com/wp-content/themes/cocoon-master/images/no-image-320.png)
HTML・CSS:Webサイト内・外での検索機能を持たせるsearchタグ・ページ内検索の方法
![](https://111111monji.com/wp-content/themes/cocoon-master/images/no-image-320.png)
HTML・CSS:引用・転載であることを示す・引用先のリンクをするblockquoteタグ、qタグ、作品名の引用をするciteタグ、用語を定義するdfnタグ、略語を表すためのタグabbrタグ、写真、挿絵、図表、コードなどのまとまりを作るfigureタグ、写真などの説明を足すfigcaptionタグ
![](https://111111monji.com/wp-content/themes/cocoon-master/images/no-image-320.png)
HTML・CSS:ソースコードをそのまま表示させるpreタグ・codeタグ、preタグとcode
![](https://111111monji.com/wp-content/themes/cocoon-master/images/no-image-320.png)