src="https://www.joint-media.co.jp/wp-content/themes/waqwaq-lab/images/logo.png"></a></body></html><h○>・・・</h○>これは見出しを表します。数字は1~6までありますが、そこまで使っているサイトはあまり見かけません。いえ、文書の構造的に見出しが6段階である必要があるときは、もちろん使って下さい!<p>・・・</p>これは段落を表します。いわゆる、日本語の縦書きでは行頭が下がる、あの塊です。<ul><li>・・・</li></ul>これは順序としての意味を持たないリストを表します。いわゆる、箇条書きです。<li>・・・</li>のタグはリストの数だけいくつでも書いてOKです。<ol><li>・・・</li></ol>これは順序としての意味を持つリストを表します。<ul></ul>と違って、順序としての意味を持っているので間違わないように使用しましょう!同じく<li>・・・</li>のタグはリストの数だけいくつでも書いてOKです。href=”・・・”>・・・</a>これはリンクを表します。クリックすれば別のページに飛ぶあれです。タグ中にテキストを入れればテキストリンク、画像を入れれば画像リンクになります。href属性の中には、リンクの飛び先のURLを記入します。ちなみに見本のソースに入っている【target=”_blank”】という属性は別のタブでページを開いてくれる記述です。src=”・・・”>これは画像を表します。src属性の中には、画像の保存先のURLを記入します。他にもたくさんのタグがありますが【構造的に意味を持つ】タグでよく使うものとしてこれくらいは覚えておきましょう!【構造的に意味を持つ】とわざわざ強調したのは、【構造的に意味を持たない】タグも存在するからです。実はこの【構造的に意味を持たない】タグもよく使われます。そのあたりはまた追々説明していきたいと思います。所長/エンジニアリサイクルショップ→ニート→ECショップ→ニート→PCインストラクター→ニート→ジョイントメディア。未経験からIT業界に飛び込みましたが、楽しく働けています。フロントエンド業務に携わり、WordPressはちょっとだけできます。広報・マーケティングおすすめ記事ジョイントメディアとたのしいをカタチにしませんか?求人や制作に関するご質問など、お気軽にお問い合わせください。arrow大阪府堺市のジョイントメディアは、ホームページ制作を始めとしたITの分野が得意な企業。次世代の技術と斬新な企画を安い価格で実現し、ワクワクする未来づくりを目指しています。ホームページ作成・各種システム構築の依頼は、大阪府堺市のIT企業ジョイントメディアまでお気軽にお問い合わせください。