ホームページの作り方 〜初級編05〜
2019年09月15日
みなさま、こんにちはー(*´ω`*)ノ
花です(*´ω`*)
昨日誕生日だったということもあり、眼鏡を作りました(*´ω`*)
正確には母からの誕生日プレゼントということになりました(*´ω`*)
というのも、仕事柄ずっとパソコンを見るし、家にいてもパソコンでゲームをしているのでパソコンを一日中見ているような状態なので、ブルーライトカットの眼鏡が欲しかったんです。
それと同時に、最近近くのものが見えにくくて、
もしかして、老眼!?
と思っていたんです。
年齢的にそれはないよーとみんな言ってくれるんですが、父が老眼で新聞を離すようなしぐさを私もスマホなどでしていたので老眼と言われるのが怖くて、眼科にも行けずにいたんです。
ですが、母が誕生日にブルーライトカットの眼鏡を買ってくれるということだったので思い切って、視力も測定してもらったら、
遠視ですね
と言われました。
実は私、元々中学生頃より遠視で眼鏡を掛けていたんですが、ここ数年、気にならないほど回復していたんです。
なので、
遠視治ったヾ(o´∀`o)ノワァーィ♪
と思っていたんですが、やっぱり治ってませんでした(´;ω;`)ブワッ
とりあえず、私生活で困るほどではないので、パソコンをする時だけ眼鏡をしようと思います。
ということで、今回も前回に引き続きとして「ホームページの作り方 〜初級編05〜」を書きたいと思います。
内容は、リストの2種類目ですね(*´ω`*)
さて、質問です。
前回の「ホームページの作り方 〜初級編04〜」で書いたリストの名前は何だったでしょう?
正解は、「行頭記号付きリスト」です。
書き方は、
<ul>
<li></li>
</ul>
となり、間の<li></li>はいくつでも増やして大丈夫です。
また、前回の記事では書かなかったんですが、私はあえてわかりやすくするために行を分けています。
他のホームページなどでは、1行になっていたり、<li></li>部分だけ1行になっていたり、色々あるかと思いますが、あくまで形さえ守ってもらえれば行は分けても分けなくても構いません。
たーだーしー、下記の様な、「タグの中身を改行することはしない」でください。
<u
l>
気を付けておいてくださいね(*´ω`*)
では、今回は「行頭番号付きリスト」です。
書き方は、前回とそっくりなので、注意してくださいね(*´ω`*)
<ol>
<li></li>
</ol>
こんな感じです。
ulの部分がolに変わったということですね(*´ω`*)
では、実際にどう見えるのか、入れ子も踏まえていつも通り書き方と実際の画像を準備しました。
今回は、言葉通り行頭番号付きリストということで、行頭が番号になります。
この番号も、実はいろんな形にできます。
例えば、今は
1.2.3.4.5.……
となっていますが、
01.02.03.04.……
などいくつか種類があります。
そのあたりもおいおい説明しますね(*´ω`*)
入れ子の形も、行頭記号付きリストも形は変わりません。
結局のところ、ulがolに変わっただけです(笑)
ということで、今回は行頭番号付きリストのお話でした。
次回のリストは、少し形が特殊なので、気を付けてくださいね(*´ω`*)
あと、今初級編ということで続いているこのホームページの作り方ですが、しばらくすると実践編に変わります。
言葉通り実践編になりますので、頑張りましょうね(*´ω`*)
では今回はこの辺でー(*´ω`*)ノ
~~~ヾ(*'▽'*)o マタネー♪
花です(*´ω`*)
昨日誕生日だったということもあり、眼鏡を作りました(*´ω`*)
正確には母からの誕生日プレゼントということになりました(*´ω`*)
というのも、仕事柄ずっとパソコンを見るし、家にいてもパソコンでゲームをしているのでパソコンを一日中見ているような状態なので、ブルーライトカットの眼鏡が欲しかったんです。
それと同時に、最近近くのものが見えにくくて、
もしかして、老眼!?
と思っていたんです。
年齢的にそれはないよーとみんな言ってくれるんですが、父が老眼で新聞を離すようなしぐさを私もスマホなどでしていたので老眼と言われるのが怖くて、眼科にも行けずにいたんです。
ですが、母が誕生日にブルーライトカットの眼鏡を買ってくれるということだったので思い切って、視力も測定してもらったら、
遠視ですね
と言われました。
実は私、元々中学生頃より遠視で眼鏡を掛けていたんですが、ここ数年、気にならないほど回復していたんです。
なので、
遠視治ったヾ(o´∀`o)ノワァーィ♪
と思っていたんですが、やっぱり治ってませんでした(´;ω;`)ブワッ
とりあえず、私生活で困るほどではないので、パソコンをする時だけ眼鏡をしようと思います。
ということで、今回も前回に引き続きとして「ホームページの作り方 〜初級編05〜」を書きたいと思います。
内容は、リストの2種類目ですね(*´ω`*)
さて、質問です。
前回の「ホームページの作り方 〜初級編04〜」で書いたリストの名前は何だったでしょう?
正解は、「行頭記号付きリスト」です。
書き方は、
<ul>
<li></li>
</ul>
となり、間の<li></li>はいくつでも増やして大丈夫です。
また、前回の記事では書かなかったんですが、私はあえてわかりやすくするために行を分けています。
他のホームページなどでは、1行になっていたり、<li></li>部分だけ1行になっていたり、色々あるかと思いますが、あくまで形さえ守ってもらえれば行は分けても分けなくても構いません。
たーだーしー、下記の様な、「タグの中身を改行することはしない」でください。
<u
l>
気を付けておいてくださいね(*´ω`*)
では、今回は「行頭番号付きリスト」です。
書き方は、前回とそっくりなので、注意してくださいね(*´ω`*)
<ol>
<li></li>
</ol>
こんな感じです。
ulの部分がolに変わったということですね(*´ω`*)
では、実際にどう見えるのか、入れ子も踏まえていつも通り書き方と実際の画像を準備しました。
今回は、言葉通り行頭番号付きリストということで、行頭が番号になります。
この番号も、実はいろんな形にできます。
例えば、今は
1.2.3.4.5.……
となっていますが、
01.02.03.04.……
などいくつか種類があります。
そのあたりもおいおい説明しますね(*´ω`*)
入れ子の形も、行頭記号付きリストも形は変わりません。
結局のところ、ulがolに変わっただけです(笑)
ということで、今回は行頭番号付きリストのお話でした。
次回のリストは、少し形が特殊なので、気を付けてくださいね(*´ω`*)
あと、今初級編ということで続いているこのホームページの作り方ですが、しばらくすると実践編に変わります。
言葉通り実践編になりますので、頑張りましょうね(*´ω`*)
では今回はこの辺でー(*´ω`*)ノ
~~~ヾ(*'▽'*)o マタネー♪
この記事へのコメント
コメントを書く