ゼロからホームページ

知識ゼロからホームページを作ってかっこいいWEBデザインができるようになるまでの道のり

初心者のHTML:aタグを使うリンクの貼り方

初心者のHTML:aタグを使うリンクの貼り方タイトル画像

自分のホームページの中でページどうしを連携したい、他のサイトを紹介するリンクを貼りたい、と考えることがありますよね。ではどうしたらいいのでしょうか?

HTMLを学んで間もない初心者でも大丈夫、特別な技術は必要ありません!HTMLでリンクを貼るために使うのが<a>タグです。

今回はHTMLで<a>タグを使うリンクの貼り方について解説します。基本的なリンクの貼り方について一緒に学んでいきましょう。

続きを読む

初心者のHTML:画像を表示・挿入するimgタグの使い方

初心者のHTML:画像を表示・挿入するimgタグの使い方タイトル画像

自分で作るホームページにお気に入りの画像を表示したいな、でもどうしたらいいんだろう?自分の好きなことを形にする自作のホームページ、とっておきの写真を掲載したいですよね。

特別な技術がなくても、ホームページで画像を表示することはできます。HTMLで画像を挿入するために使うのが<img>タグです。

今回はHTMLで画像を表示・挿入する<img>タグの使い方について解説します。画像について一緒に覚えていきましょう。

続きを読む

初心者のHTML:tableタグで書く基本的な表の作り方

初心者のHTML:tableタグで書く基本的な表の作り方タイトル画像

ホームページでよく出てくる表はどうやって作るんだろう?日常でも、料金表やスケジュール表など、さまざまなところで表を使っていますよね。

htmlで表を作るために使うのが<table>タグです。初心者の私たちにとって、これまでの回より少しだけ複雑な話に感じるかもしれませんが、今回は表の基本構造の話をします。

<table>タグで書く基本的な表の作り方について一緒にマスターしていきましょう。

続きを読む

初心者のHTML:ul・ol・liタグで書く箇条書きリストの作り方

初心者のHTML:ul・ol・liタグで書く箇条書きリストの作り方画像

HTMLの基本はもう覚えたぞ。文章は<p>タグで書くことはわかったけれど、箇条書きにしたいときはどうするんだろう?HTMLで箇条書きってできるのかな?

ここまでHTMLを学んできて、ちょっとやりたいことが増えてきたころだと思います。

今回は、HTMLで箇条書きリストを書くときに使う<ul>タグ・<ol>タグ・<li>タグについて順番に説明します。

続きを読む

初心者のHTML:メタタグとは?headタグの中の書き方

初心者のHTML:メタタグとは?headタグの中の書き方

前回、はじめてのHTMLに挑戦しました。もっとHTMLを覚えたい!早くホームページを形にしたい!と思っている方もいらっしゃると思います。

今回はメタ要素、メタ情報、メタタグ、いろいろな呼ばれ方をするmetaタグについて、metaタグとは何なのか?初心者でも失敗しないように実際の操作もしながら書き方をゆっくり解説します。あせらずに、一緒にひとつずつできることを増やしていきましょう!

続きを読む

はじめてのHTML:初心者が最初に覚えたい書き方の基本とタグ

はじめてのHTML:初心者が最初に覚えたい書き方の基本とタグ画像

ホームページは、HTMLというもので作るらしい。それってプログラミング?初心者でも本当にできる?じゃあ何から始めたらいい?HTMLと聞いてもわからないことだらけで不安になっていませんか?

今回は初心者でも失敗なしではじめられるHTML、最初に覚えたい書き方の基本とタグについてゆっくり説明します。

今回の記事はちょっと長く感じるかもしれないので、作業の手順ごとに少しずつ読みながら、休み休み一緒にがんばっていきましょう。

続きを読む

初心者向け!Visual Studio Codeのダウンロード方法

初心者向け!Visual Studio Codeのダウンロード方法

知識ゼロから自分でホームページを作りたい!パソコンの次に用意するものはテキストエディタというものらしい。調べてみたら、Visual Studio Codeが人気らしいから使ってみたい。

でも、ダウンロードやインストールはどうしたらいいのかと困っていませんか?

今回は、Visual Studio Codeのダウンロード方法からパソコンへのインストール、ソフトを日本語化する方法について、私と同じ初心者の方に向けて丁寧に解説します。

続きを読む