マガジンのカバー画像

HTML

5
運営しているクリエイター

記事一覧

[HTML初心者向け]見出しタグと段落タグの使い方

[HTML初心者向け]見出しタグと段落タグの使い方

こんにちは
今回は、
HTMLが全くわからない人にもわかりやすく見出しタグと段落タグを説明します。
早速ですがHTMLって聞いたことがありますか?
HTMLとは、主にサイトを作る時に必要な、プログラム言語です
ですが、心構える必要はありません。

では早速、説明していきます。
<h1>は見出しタグです。
見出しの大きさ順に<h1><h2><h3><h4><h5><h6>
のように使い分けができます

もっとみる
[HTML]リンクを貼る方法

[HTML]リンクを貼る方法

こんにちは
「あなたが最近見たサイトで1つでもリンクがありますか?」
と聞かれたとき「はい」と答える人が99%で「いいえ」と答えるひとが1%だと思います。
リンクはウェブサイトの中で重要な役目を果しています

では、早速リンクの貼り方を説明します。
まずはタグ全体を出します。

<a href="ウェブアドレス">リンクテキスト</a>

では、意味を説明します。
ウェブアドレスと書かれた場所にリ

もっとみる
[HTML初心者向け]文章の改行

[HTML初心者向け]文章の改行

こんにちは。
今回は文章の改行の仕方を説明します。
突然ですが、改行のない文章ってどうですか?
何か見にくいですよね。
本ページもそのためにメモアプリに入力してコピペしています。

では、早速本題に入ります。
テキストを改行するには<br>を使います
空白を入れるより簡単で確実です。

また、おすすめのサイトとしてcodepenがあります。
codepenを使えばあなたの実力を試すことができますし

もっとみる

[HTML中級者向け]スマホ表示に対応させる(1)

こんにちは。
あなたはこのブログを見ているとき、どの端末で見ていますか。
基本的にはスマホやタブレットですよね。
(実践する人はパソコンかもしれませんが)
ということで、今回は サイトをモバイル表示に対応させる方法を説明します。

早速ですが今回はコピペしてもらえば大丈夫です。
意味を覚える必要はありません。
まず、このコマンドを使用します

<meta name="viewport" conte

もっとみる

[HTML中級者向け]スマホ表示に対応させる(2)

こんにちは。
前回はコマンドを入力しましたよね。
今回は、それをチェックする方法を説明します。
実はchromeには、デベロッパーツールという機能があります
その機能を使ってチェックできます。

ピンクの部分をクリックしてください

このようにしてチェックします。