HTML Wrap-Up

6979 ワード
html TIL テキストリンク

HTML Wrap-Up


HTML基本用語

  • tag
  • content
  • element
  • attribute 
    • element = <tag element> content </tag>

    <head>

    <head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>repl.it</title>
</head>
    <meta name="viewport" content="width=device-width"> :
    これは、デバイスの水平寸法がウェブページの水平寸法と同じであることを意味する.
    モバイルデバイスでWebサイトをよりきれいに見せるには、追加する情報が必要です.
    これらの情報を追加しないと、デスクトップバージョンのWebページが縮小します.

    <span>と<p>の違い

    <span>:改行不可inline-element<p>:改行可能block-element
    <span> My </span> 
<span> Munequita </span>

<!-- Print: My Munequita -->


<p> My </p>
<p> Munequita </p>

<!-- Print: My -->
<!-- Print: Muneqiuita -->

    <id>と<class>の違い

    <id>:重複id名を作成できません<class>:重複クラス名を作成可能
    <div id="name"> 
  <p> Smooth </p> 
</div>

<div class="lyric"> 
  <p> And it's just like the ocean </p>
</div>

<div class="lyric">
  <p> under the moon </p>
</div>

    Take Away


    HTMLのクリーンアップとパッケージング


    Replit HTMLの宿題を勉強している間に、整理しなければならない部分をメモしました.
    このように一日の仕事を終えて、ブログを作るときに自分が整理しなければならない部分を書くのもいいですね.
    私がこれからこれを見るかどうかはわかりませんが、少なくとも1日が終わる過程で、このように書いて包装すれば、記憶にもっと長い記憶が残るのではないでしょうか.
    F# リストを使ってみる
    28匿名タイプ