FrontEnd : HTML

9629 ワード
frontend テキストリンク

📝HTML基本構文


📌タグと属性


タグは、大別して、コンテンツがあってもよいタグと、コンテンツがあってもよいタグに分けることができる.
<h1 title = "header">Hello</h1>
<img src ="image.png"/>
ここで、h 1、imgはタグ、title、srcは属性名、「header」、「imgage.png」は属性値、helloは内部文字、imgタグは内容を含まない.

📌コメント


注記は、プログラムの実行に影響を及ぼさずに説明するためのコードです.
  <!DOCTYPE HTML>
  <HTML>
    <head>
      <!--HTML공부-->
        <title>웹 브라우저 제목</title>
    </head>
    <body>
    </body>
  <HTML>
こちらです.
<!--HTML공부-->
議長です.

📌HTMLデフォルト構造

  <!DOCTYPE HTML>
  <HTML>
    <head>
      <title>웹 브라우저 제목</title>
    </head>
    <body>
    </body>
  <HTML>

🖊 HTMLタグのlang属性

<html lang = "ko">
langプロパティはWebブラウザの操作に影響を与えず、グーグルのような検索エンジンがWebページを閲覧する際にどの言語で作成したかを理解するのに役立ちます.
langプロパティのプロパティ値は、次のとおりです.
言語

🖊 ヘッダーラベルの内部に置くことができるラベル


langプロパティ値言語metaページのその他の情報伝達タイトルページタイトルスクリプトページのスクリプト追加リンクページの他のファイル追加スタイルシート追加スタイルシート設定ベースページのデフォルトパスを指定
☝🏻 チップ!
vscodeでは、コードの作成時にhtml:5を入力し、tabキーを押してhtmlデフォルトフォーマットを自動的に生成します.また、特定のタグを入力しtabキーを押すと、タグが自動的に作成されます.

📌スタイルシートの作成


内部スタイルシートと外部スタイルシートの作成方法があり、複数の人が協力してプロジェクトの規模が大きい場合は、外部スタイルシートの作成方法が良いです.
次は、外部スタイルシートの方法です.
h1{
	color: red;
    background: black;
}
=>スタイルシートとスタイルシートを作成します.cssとして保存します.
  <!DOCTYPE HTML>
  <HTML>
    <head>
      <title>웹 브라우저 제목</title>
      <link rel = "stylesheet" href = "style.css"/>
    </head>
    <body>
    </body>
  <HTML>
=>linkラベルhtmlとcssを接続します.
内部スタイルシートの作成方法は、上記のスタイルシートの内容をhtmlタグ内、headタグ内、styleタグ内で完了することである.

📌JavaScriptの作成


同様に、内部と外部の書き方もあり、主に外部のものを使用します.
alert('자바스크립트입니다.');
=>JavaScriptを作成します.jsとして保存した後
  <!DOCTYPE HTML>
  <HTML>
    <head>
      <title>웹 브라우저 제목</title>
      <script src ="javascript.js"><script/>
    </head>
    <body>
    </body>
  <HTML>
=>htmlでheadのscriptタグを使用して外部JavaScriptをロードします.
cssはlinkラベルです!JavaScript scriptタグを使用
N-Queen
docker-composeベースredis sentinelクラスタのインストール