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> 태그를 사용하면 브라우저의 너비만큼 수평선을 그릴 수 있다.

📚 特殊文字

📏 '<''>' 같은 문자를 화면에 표시하기위해 사용하는 특수 문자

	📜 &nbsp; : non-breaking space의 약자로 공백 문자 한 개
    	📜 &lt; : <
        📜 &gt; : >
        📜 &quot; : "
	📜 &amp; ; &    

📚 インベントリ

📏 리스트는 항목을 나열하는데 사용된다.
📏 번호 없는 리스트(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>을 사용하면 된다.