ゆる〜くはじめる HTML・CSS入門

ウェブ制作

【HTML・CSS入門】プロフィールページを作りながらはじめてホームページ制作(その7-CCSの共通ファイル化)

前回まで、マークアップしたHTMLのindex.htmlに対してstyleタグを使って、CSSを記述してきました。今回は、links.htmlに対してもCSSを適応して装飾していきたいと思います。しかし、現在の書き方だとindex.html...
ウェブ制作

【HTML・CSS入門】プロフィールページを作りながらはじめてホームページ制作(その6-CSSとは)

はるコンニチハ。ハルデス。今回ハ、ヤットCSSヲマナブヨ。長イケド、ガンバリマショウ。今回で、やっとCSSを使います!見た目をきれいにしておしゃれなWebサイトのにしていきましょう。CSSの説明をした後に、今までのHTMLにCSSで装飾しな...
ウェブ制作

【HTML・CSS入門】プロフィールページを作りながらはじめてホームページ制作(その5-ページの追加)

はるこんにちは。現役フロントエンジニアのはるです!リンクを使い遷移について学びましょう。今回は、Webページを増やしリンクを使いページ遷移をさせます。リンクの基本的な使い方を学びながら、リストタグ使いさまざまなリストの使い方を学びます。この...
ウェブ制作

【HTML・CSS入門】プロフィールページを作りながらはじめてホームページ制作(その4-マークアップ)

はるこんにちは。現役フロントエンジニアのはるです!HTMLの勉強をどんどん進めていきましょう!今回は、HTMLのマークアップをやっていきましょう!さまざまなタグができてます。最初は覚えられなくても何回も使ってゆっくり覚えていきましょう。その...
ウェブ制作

【HTML・CSS入門】プロフィールページを作りながらはじめてホームページ制作(その3-Webページの情報設定)

はるこんにちは。今日も、HTMLの勉強していきましょう!Webページの情報の設定してみましょう。前回は、HTMLの雛形部分の説明をしました。そちらを読んでいない方はまず前の記事を読んでくださいね!今回は、SEOにも影響する最も重要で基礎的な...
ウェブ制作

【HTML・CSS入門】プロフィールページを作りながらはじめてホームページ制作(その2-HTMLの雛形)

はるこんにちは。現役フロントエンドエンジニアのはるです!はじめてのHTMLを書いていきましょう!前回、このチュートリアルで作成するWebサイトについてとHTMLの基礎知識を説明しました。ぜひ、完成するWebサイトはどんなものか確認してからチ...
ウェブ制作

【HTML・CSS入門】プロフィールページを作りながらはじめてホームページ制作(その1- 基礎知識編)

はるこんにちは。アイドルが大好き!現役フロントエンドエンジニアのはるです!プロフィールページを作りながら、HTML・CSSをチュートリアル形式で説明していきます。以前、これからHTML・CSSを勉強始めようと思っている方に「まず何を用意した...
ウェブ制作

はじめの一歩!HTML・CSS入門者向けのWeb開発環境を用意しよう。

はるこんにちは。推しにガチ恋アイドルオタクで現役フロントエンドエンジニアのはるです!この記事では、HTML・CSSをはじめる入門者向けのはじめの一歩として用意するべき開発環境について紹介します。この記事では、HTML・CSS・JavaScr...