HTML

CSSの基本【HTML&CSS講座 #4】

前回までで一通りHTMLのタグの話が終わったので、今回からCSSの方に入っていきます。HTMLよりは覚えることが多く大変ですが、その分webページを装飾できるようになるのでデザインを楽しみつつ学んでもらえたらなと思います。 CSSの基礎 最初にCSSを使うための基礎として、HTMLファイルとの関連づけをする方法を学びます。CSSを書いたファイルが実際にHTML文書に適用されるために書かなければなら […]

webページの製作【作業過程 #1-2】

前回の記事を見ていない人は前回の記事から見ることをおススメします。 webページの製作#1-1 前回に引き続き、実際にwebページを作成している様子を見てもらいます。前回までのところでheaderタグの中身はほとんど作成し終わっているので今回はfooterや記事のメイン部分を作成していきます。 header部分の残り物 headerタグの部分で唯一残っていたh1タグのところをいじっておきます。CS […]

webページの製作【作業過程 #1-1】

今年も残すところあとわずかとなりましたね。私は毎日カタカタしてます(いろんな意味で)。 今回の記事は講座編で培った知識がどのように使われているのかという部分について具体的なイメージを持ってもらうためにwebページを実際に作っている様子を記録していくものになります。個人的に日記をつけるような感覚で現在記事を執筆しております。 実践的な記事になる分、多少難しいものやマイナーな実装が出てくるかとは思いま […]

HTMLの基本<後半>【HTML&CSS講座 #3】

前回に引き続きこのシリーズでは『Webページの制作ができるようになる』というのを目標にHTMLやCSSを学んでいきます。早いもので、今回の記事でHTMLで使う知識のほとんどは習得できることになります。やや詰め込みすぎた感じがしますが、それだけ重要な情報を盛り込んであるので頑張っていきましょう。覚えずに印刷してチートシートっぽく使うのもアリだと思います。(個人的にはwebサイトにたくさん訪問して欲し […]

HTMLの基本<前半>【HTML&CSS講座 #2】

このシリーズの記事では、『Webページの制作ができるようになる』というのを目標にHTMLやCSSを学んでいく記事になります。今回の内容はHTMLの文法を見ていきながら、コードを書いて試してちゃんと表示されるかを確認していくので何度も書いて学んでいきましょう。 今回は基本の前半ということで、わかりやすいものから順に勉強してもらいます。わかりにくいところがあれば遠慮せずにコメント欄に書いていただけると […]

環境構築【HTML&CSS講座 #1】

このシリーズの記事では、『Webページの制作ができるようになる』というのを目標にHTMLやCSSを学んでいく記事になります。『HTML? CSS?? ナニソレ!?』って人でも大丈夫なように基礎から解説していくのでよかったら見ていってください。 HTML,CSSについて 最初にHTMLやCSSがどういうものかという部分の説明をしていきます。 HTMLというのは、webページを制作するために特化したプ […]