HTML基礎– tag –
-
画像とキャプションをセットで扱ってみよう（figure / figcaption）
HTML5 では、画像とその説明文を「セットの意味のあるかたまり」として扱うために<figure> と <figcaption> というタグが用意されています。 <figure>：画像や図、コード例など「本文の内容と関係のあるひとまとまりのコンテンツ」を囲む箱 <f... -
記事とセクションを使って情報を整理しよう（section / article / aside）
作成ファイル・保存場所 作成した html-basic フォルダの中に html09.html というファイル名で保存してください。 目的 HTML5以降導入された <section>・<article>・<aside> タグの役割を理解し、情報の... -
セマンティックなHTML構造を作ってみよう（header/main/footer）
作成ファイル・保存場所 作成した html-basic フォルダの中に html08.html というファイル名で保存してください。 目的 HTML5以降で導入されたセマンティック要素 <header>、<main>、<footer> の使い方を... -
文字リンクと画像リンクを作ってみよう
作成ファイル・保存場所 作成した html-basic フォルダの中に html05.html というファイル名で保存してください。 目的 HTMLにおけるリンクの基本である <a> タグの使い方を学び、テキストリンクや画像を使ったリンク... -
画像と代替テキストを表示しよう
作成ファイル・保存場所 作成した html-basic フォルダの中に html04.html というファイル名で保存してください。 また、ローカル画像用に images/cafe.jpg を同じディレクトリ内に配置してください。 cafeダウンロード 目... -
リストタグを使って情報を整理しよう
作成ファイル・保存場所 作成したhtml-basic の中に html03.html というファイル名で保存してください。 目的 リストタグ <ul>（Unordered List：順不同リスト）、<ol>（Ordered List：番号付きリスト）、<dl>（Des... -
見出しと強調を使ってコンテンツを整理しよう
作成ファイル・保存場所 作成したhtml-basic フォルダの中に html02.html というファイル名で保存してください。 目的 複数の見出しタグ（<h1>〜<h3>）を使って文章構成の階層を学び、 インライン要素（<em>・<i>... -
HTMLで自己紹介ページを作ろう
作成ファイル・保存場所 html-basic フォルダを作成し、その中に html01.html というファイル名で保存してください。 エディタの準備がまだの場合は、下記のブログ記事を一度ご参照ください。 https://webtraining.jp/visual-studio-code1/...
1
