基本的なHTMLの構造を覚える-2014.08.20モチHTML5はじめまして。トレンディでデザイナーとして務めている「モチ」と申します。今回は「これからHTML5を勉強したい!」という人に向けて、自身で経験した効率的な勉強法を3つの手順に分けてご紹介させていただきます。手順は以下の通りです。基本的なHTMLの構造を覚える」をやっていこうと思います。基本的なHTMLの構造を覚えるHTMLには構造の基本形があります。その構造と構成する「タグ」を覚えることから始めましょう。html>DOCTYPE宣言です。そのHTMLがどのバージョンの規則に沿って作られているかを宣言するタグです。この宣言がなくてもブラウザはHTMLを表示してくれますが、内容が正しく表示されなかったり、ブラウザの種類によっては表示の違いが出てしまうので必ず宣言した方が良いと思います。(2)<html>~</html>これはこのファイルがHTMLですよ、と宣言するタグです。HTMLを書くときは最初に<html>、最後に</html>を書きましょう。(3)<head>~</head>ヘッダー情報を記入するタグです。このタグの間に文字コードやスタイルシート、JavaScript等を書き込みます。外部のCSSファイルやJSファイルを読み込ませる記述もここに書くことになります。(4)<title>~</title>ページのタイトルを付けるタグです。この中に記入した文字がブラウザページタブに表示されます。Googleなどの検索エンジンの検索結果で表示される大事な部分です。これは<head>~</head>の間に記入します。(5)<body>~<⁄body>このタグの中に記入された内容が、ブラウザに表示されます。表示させたい内容を他のタグを記入して作っていきます。実際に書いてみると下記のようになります。html><html><head><title>ここにタイトルが入ります。</title></head><body>ここに記入した内容がブラウザに表示されます。</body></html>実際にテキストエディタ「メモ帳」に上記をコピー&ペーストして、拡張子を「.html」にしてデスクトップに保存してみてください。下記の画像のようなファイルがデスクトップに表示されたと思います。Explorer」を標準ブラウザにしている場合の表示です。Explorerの場合)これでhtmlファイルの出来上がりです。ダブルクリックするとブラウザで以下のような表示になると思います。Explorerの場合)今回はここまでです。HTML5で使われるタグや、タグの意味を覚える」では、今回作成したhtmlファイルを使用して、いろいろなタグと使い方をご紹介しようと思います。HTML5で使われるタグや、タグの意味を覚える-2015.11.17captcha(フォーム入力で人的入力の判断)スマホがホストに。OTG規格のSDカードリーダーライターを使って外付けSDカードに写真をコピーした。<連続入力をやってみる>投稿者モチトレンディで「デザイナー」を務めています。デザイン関係の情報を書いていこうと思います。reserved.Translate。