動画

<header><footer>要素 今回のマークアップは独自コンテンツようのarticle の他に、ページのヘッダー部分に設定する<header>要素　フッター部分専用の<footer>要素を...

box-sizing:border-box; 今回の動画ではarticle にboder:2px solid と線を引いて、横幅700px padding:2em とした時、画面の横幅が700px + 2em になっていて外に膨れて...

箇条書きの<ul> <li>要素　 <ol><li>要素 <ul> は順不同型リスト　<ol>は順序型リストで、ホームページの中で箇条書きをマークアップする時に使われる要素です。箇条書きといっても...

横幅指定のwidth を使う　 HTMLの中に書くスタイルシート　内包スタイルシートを使って、CSSを適用していきます。今回はwidthを使うので、横幅が一定の距離で折り返すというところになります article{ wi...

article要素　section要素 を設定 文章から基本のマークアップを行います。 article要素とは <artilce>という要素は、独自コンテンツと呼ばれる要素です。 ホームページのコンテンツ＝内容を囲...

HTMLのマークアップされたファイルにCSSを書いていきます HTMLファイルを開いたら、<title>エコロジー&環境問題<title>の直下に内包のスタイルシートを書いていきます。<styl...

基本のマークアップが終わりましたら、今回はHTMLで画像の設定を行います。画像は<img>要素を使います。 画像はインライン要素ですので、今回の動画は<p>要素の中に書いています <p><img sr...

01のはじめてのホームページ　HTMLとCSSでは、エディタに文字にマークアップ言語であるHTMLを設定しました。タイトルにはタイトル要素の<h1>を文章には、段落要素の<p>をマークアップしています。今回は、デザイン担当のCSSを設定します。

マークアップ言語であるHTMLは、文章に印をつけていく構造型　骨組みの言語です。タイトルだったら<h1> そのサブタイトルだったら<h2> 段落だったら<p>　箇条書きだったら<ul><li> 　リンクだったら　<a href=""> というように印をつけていく言語です。