freeCodeCamp/curriculum/challenges/japanese/14-responsive-web-design-22/learn-the-css-box-model-by-.../60a3e3396c7b40068ad6996a.md

1.1 KiB

id title challengeType dashedName
60a3e3396c7b40068ad6996a ステップ 1 0 step-1

--description--

ここまで来れば、HTML ページが持つべき基本的な要素には見覚えがあるかと思います。

DOCTYPE 宣言、html 要素、head 要素、body 要素でコードを書き始めましょう。

--hints--

コードには <!DOCTYPE html> 宣言が必要です。

assert(code.match(/<!DOCTYPE html>/i));

コードには html 要素が 1 つ必要です。

assert(document.querySelectorAll('html').length === 1);

コードの html 要素内に head 要素が必要です。

assert(document.querySelectorAll('head').length === 1);

コードの html 要素内に body 要素が必要です。

assert(document.querySelectorAll('body').length === 1);

head 要素は body 要素の前に置く必要があります。

assert(document.querySelector('body').previousElementSibling.tagName === 'HEAD');

--seed--

--seed-contents--

--fcc-editable-region--

--fcc-editable-region--