HTMLベース
📌 テキストの表示
📏 HTML 문서에서 텍스트는 특별한 태그 없이도 <body> 태그 안에서 표시할 수 있다.
📏 여러 줄로 이루어진 텍스트는 단락을 생성한 후에 단락 안에서 표시하는 것이 좋다.
📏 HTML문서를 작성할 때 단락을 생성하지 않으면 입력한 줄 바꿈 문자는 완전히 무시된다.
📏 연속된 스페이스는 하나의 스페이스로 간주된다.
📚 段落
📏 단락(paragraph)은 <p> 태그로 정의된다.
📏 웹 브라우저는 자동적으로 단락의 전후에 빈 줄을 추가한다.
📚 brラベル
📏 <br> 태그는 "break"에서 나온 용어이다.
📏 새로운 단락을 시작하지 않고 줄바꿈을 원한다면 <br> 태그를 사용하면 된다.
📏 종료 태그를 가지지 않는 태그이다.
📚 プリタグ
📏 <pre> 태그는 "previously formatted text"에서 나온 용어이다.
📏 입력한 그대로 화면에 표시하기 위해 사용한다.
📏 개발자가 입력한 스페이스나 탭, 줄 바꿈이 그대로 유지된다.
📚 ヘッディング
📏 헤딩(heading)은 웹 페이지의 머리기사(headline)이다.
📏 신문의 머리기사도 여러가지 크기가 있듯이, 헤딩도 <h1>부터 <h6>까지 6개의 태그를 이용해 정의된다.
📏 <h1> 가장 크기가 크다.
📚 コメント
📏 コメントはコードを説明する文章です.
📏 これは、新しい開発者がコードを理解するのに役立ちます.
📏 現在,不要なコードを一時的に除去する重要な手段となっている.
<!-- 이것이 주석입니다. -->
📚 テキスト形式
📏 「ハングル」のようなワープロには、文字を厚くしたり、斜体にしたりするメニューがあります.
📏 HTMLにも同じ機能のタグがあります.
📜 <b>...</b> : 볼드체로 만든다.
📜 <i>...</i> : 이탤릭체로 만든다.
📜 <strong>...</strong> : 택스트를 강하게
📜 <em>...</em> : 텍스트 강조
📜 <code>...</code> : 텍스트가 코드임을 표시
📜 <sup>...</sup> : 위첨자
📜 <sub>...</sub> : 아래첨자
📚 水平線
📏 <hr> 태그는 "horizontal line"의 약자이다.
📏 <hr> 태그를 사용하면 브라우저의 너비만큼 수평선을 그릴 수 있다.
📚 特殊文字
📏 '<' 와 '>' 같은 문자를 화면에 표시하기위해 사용하는 특수 문자
📜 : non-breaking space의 약자로 공백 문자 한 개
📜 < : <
📜 > : >
📜 " : "
📜 & ; &
📚 インベントリ
📏 리스트는 항목을 나열하는데 사용된다.
📏 번호 없는 리스트(unordered lists)는 <ul>태그로 시작하고,
리스트 항목은 <li> 태그를 사용하고 "list item"의 약자이다.
📏 번호 있는 리스트(ordered lists)는 <ol>태그로 시작하고,
리스트 항목은 <li> 태그로 사용하고 "list item"의 약자이다.
📚 リンク
📏 하이퍼 링크(또는 링크)는 다른 문서로 점프할 수 있는 단어나 이미지를 뜻한다.
📏 <a>태그가 하이퍼링크를 정의하고, "anchor"의 약자이다.
📄 targetプロパティ:リンクをクリックすると、新しいページがどこで開くかを指定します.
📏 _blank:新しいウィンドウで新しいページを開きます.
📏 _selef:現在のウィンドウに新しいページをロードします.
📏 _parent:親フレームに新しいページを埋め込みます.
📏 _top:現在のウィンドウに新しいページをロードし、すべてのフレームワークをキャンセルします.
📍 _selfはデフォルトです.
📚 イメージ
📏 이미지는 <img>태그로 정의된다.
📏 width와 height속성은 이미지의 가로와 세로를 지정하는데 사용된다.
📄 altプロパティ:ブラウザが何らかの理由で画面に画像を表示できない場合は、
表示される代替テキスト(代替テキスト)を指定します.
📚 テーブル台
📏 테이블은 표 형태의 데이터를 표시하는데 사용된다.
📏 <table>태그로 사용된다.
📏 테이블의 하나의 행을 <tr>...</tr>로 표현하고, "table row"의 약자이다.
📏 행 안의 하나의 데이터는 <td>...</td>로 표현하고, "table data"의 약자이다.
📄 表の列と行の結合:表の各セルは、必要に応じて任意の数をマージできます.
📏 行マージを行マージ(row sqan)と呼びます.
📏 カラムマージはカラムマージ(columnsqan)と呼ばれます.
📄 테이블의 캡션
: 테이블의 제목을 삽입히려면 <caption>...</caption>을 사용하면 된다.
Reference
この問題について(HTMLベース), 我々は、より多くの情報をここで見つけました https://velog.io/@solsol6500/HTML-기초テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol