[Web]2週目:Web,htmlは

16274 ワード
テキストリンク

Webとは?


Web（Web）

  • グローバルブロードバンドの略称a.k.a WWW
  • Web以前のインターネットは、ハードウェアおよびオペレーティングシステムに応じて異なるコマンドを使用する初期のコマンドベースの構造を有する.
  • Webでは、任意のタイプのコンピュータが標準的なユーザ環境として動作することができる.

    W·B(Web Browser) & W·S(Web Server)

    • クリックして
  • WebのWebブラウザ→「クライアント」
    • を使用
  • ページ要求に応答するWebサーバ→「サーバ」

    • Webプロパティ(Web vsアプリケーション)


    Webアプリケーションブラウザを介して動作OSにカスタマイズされた独立した動作HTTPプロトコル使用プラットフォームに依存

    各種ラベル


    HTMLデフォルトタグ


    <input>:要素の入力

     <input type="text" id="name" required minlength="5" size="10" />
  • の動作はタイプ属性によって異なります
  • テキスト、ボタン、チェックボックス、色、日付など
  • には、さまざまなプロパティがあります.
  • 検査、無効化、maxlength、minlength、プレースホルダ、required等

    • <h 1>-<h 6>:タイトル要素

    <h1>Heading level 1</h1>
 <h2>Heading level 2</h2>
 <h3>Heading level 3</h3>
 <h4>Heading level 4</h4>
 <h5>Heading level 5</h5>
 <h6>Heading level 6</h6>
    ステップ
  • のタイトルが表示されます.h 1は最高の等級で、最大です.

    • <p>:段落

     <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.
 Sed id justo ante. Pellentesque varius imperdiet luctus.
 Suspendisse est quam, finibus vel orci ac, tempor molestie magna.
 Maecenas luctus non urna eu interdum.
 Aliquam pellentesque sagittis erat vitae condimentum.
 In hac habitasse platea dictumst.
 Etiam tortor tortor, egestas vel dolor eget, bibendum posuere purus.
 Maecenas consectetur quis eros et sollicitudin.
 Donec orci nulla, lobortis id felis nec, porta mattis velit.</p>
  • 段落を表すときに使用する

    • <a>:アンカーポイント(ハイパーリンク)

    <a href="https://github.com/seyxxn">My GitHub</a>
  • herfプロパティは、他のページまたは同じページの任意の場所、ファイル、電子メールアドレス、および他のURLにリンクするためのハイパーリンクを生成します.

    <li><ol><ul>:リスト

      <h1>라면 끓이는법</h1>
  <ol>
  	<li>물을 끓인다.</li>
  	<li>스프를 넣는다.</li>
  	<li>물이 끓으면 면을 넣는다.</li>
  	<li>3분동안 기다린다.</li>
  	<li>맛있게 먹는다.</li>
  <ol>
  
  <h1>가고싶은 나라</h1>
  <ul>
  	<li>스위스</li>
  	<li>이탈리아</li>
  	<li>미국</li>
  	<li>일본</li>
  <ul>
  • :リスト項目
    • :整列リスト、整列リスト
      1. :無秩序リスト、非ソートリスト

        <img>:画像要素を挿入

         <img
 	src="이미지 경로"
 	alt="이미지의 텍스트 설명">
      • ドキュメントに画像を挿入します.
      • srcが必要です.含めるイメージのパス
        • を指定します.
      • alt提供画像のテキスト説明(必要でないが使用できない警告)

        • <table><tr><td>:テーブル

           <p>Simple table with header</p>
   <table>
     <tr>
       <th>First name</th>
       <th>Last name</th>
     </tr>
     <tr>
       <td>seyeon</td>
       <td>park</td>
     </tr>
     <tr>
       <td>seyeong</td>
       <td>park</td>
     </tr>
   </table>
      • :表
      • :表行のタグを作成
      • :表ヘッダー部分を作成するタグ
      • :テーブル内のカラムを作成するタグ

        <header>:ヘルプの説明とナビゲーションの内容

           <header class="page-header">
       <h1>Hello HTML</h1>
   </header>
   <main>
       <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.
   	Sed id justo ante. Pellentesque varius imperdiet luctus.</p>
   </main>
      • は、タイトル、バッジ、検索フォーム、および作成者名などの要素
        • を含むことができる.

        <body>:ドキュメント本文要素

      • HTML文書の内容を示す
      • ドキュメントには要素が1つしかありません

        <div>:コンテンツ分割要素

      • ストリーム内容の汎用容器
      • 純粋な容器、何も表現しない
      • は、複数の他の要素を組み合わせて、クラスまたはid属性に修飾したり、ドキュメント内の特定の領域が異なる言語である
        • を使用したりするために使用されます.
      • ブロックレベル要素

        • <span>:構文コンテンツ要素

      • コンテンツを構築するための汎用インラインコンテナ
        • .
      • 本質的には何も表示されません
      • スタイルの
        • に適用
      • 行内要素
    • Unity-layermaskの問題
    [Node.js] Database - MongoDB