[HTML&CSS] Day 1


42 seoul終了1ヶ月...一緒に頑張っているお姉さんたちと一緒にアプリを開発することにしました.でも!コツコツ!!これまで1つのC言語しか触れていなかったので、アプリケーションを開発するためにHTML、CSS、JavaScriptを再学習することにしました.まず最初に始めるのは、Webドキュメントの生成言語HTMLと、作成したWebドキュメントを飾るCSS!
という本を見つけ、この本とGoogle自身でやろうと思った.
エディタは、元のVscodeを使用します.

HTMLドキュメントのデフォルト構造

<!doctype html>
<html>
	<head>  
    	<meta charset="utf-8">
        <title> HTML과 CSS </title>
    </head>
    <body>
    	<h1> Hello World </h1>
    </body>
</html>

まずは一番上に書いてあるは、現在のドキュメントがhtmlで書かれたWebドキュメントであることを意味します.ドキュメントの種類を指定します.
~
タグはWebドキュメントの開始を示し、タグはドキュメントの終了を示す.
~
タグとタグの間には、Webブラウザが表示されないが知る必要がある情報が含まれています.例えば、al ~
タグとタグの間には、実際のブラウザに表示される内容が含まれています.この部分は実際にユーザーが見たものです.

テキストに関連するタグ-(1)


見出し
からまで表示される最大値
から最小
段落

~

前後に改行されたテキストブロック
折り返し

ラベルを閉じていません!!
水平線

水平線の挿入と閉じるフラグがありません
引用文
~
引用文を挿入するため、他のテキストよりインデントする

テキスト関連ラベル-(2)


太字表示
「強調表示」する太字テキスト
から太字の「表示」テキスト
*2つのラベルは画面に表示されても差はありません.
斜体
~斜体で「強調表示」するテキスト
~斜体で「表示」するテキスト
参照
~参照に自動的に「~」&改行しない
蛍光ペン
から蛍光ペン
段落を改行しない
~を使用して、改行せずにスタイルを適用するテキストをまとめます.

リストのタグを作成


無秩序リスト
    ~
は順序を必要としないリストであることを示す
  • から
  • まで各項目を表示
    <ul>
      <li> 첫번째 내용 </li>
      <li> 두번째 내용 </li>
      <li> 세번째 내용 </li>
    </ul>
  • 第1部
  • 第2のコンテンツ
  • 第3部
  • 順序付きリスト
      から
    は、順序を必要としないリストであることを示します.
  • から
  • まで各項目を表示
    <ol>
      <li> 첫번째 내용 </li>
      <li> 두번째 내용 </li>
      <li> 세번째 내용 </li>
    </ol>
  • 第1部
  • 第2のコンテンツ
  • 第3部
  • それ以外にもHTMLにはいろいろなマークがありますが、私はこれらのマークを全部暗記しません.必要なラベルさえあれば検索できるから!
    このサイトはいろいろなhtmlタグを使う順番に並んでいます.
    https://www.advancedwebranking.com/seo/html-study/