CheatSheet
HTML CheatSheet
우리 수업은 기초 강의이기 때문에 모든 태그를 전부 다루지는 않았습니다. 아래 표에 도움을 받아 필요한 태그를 정리하세요. CheatSheet는 보통 한 장에 모든 정보를 담아놓은 것을 말합니다. 아래 표 말고도 인터넷에 좋은 CheatSheet가 많으니, 자신에게 맞는 CheatSheet를 찾아서 사용하시면 됩니다.
| 태그 이름 | 설명 | 구분 | 대표 속성 |
|---|---|---|---|
| <html> </html> | HTML 문서를 만들 때 사용 | 기본 태그 | |
| <head> </head> | 제목이나 표시되지 않는 정보를 설정 | 기본 태그 | |
| <body> </body> | 문서의 보이는 부분을 설정 | 기본 태그 | bgcolor, link, text, vlink, alink |
| <title> </title> | 제목 표시줄에 들어가는 내용을 설정 | 기본 태그 | |
| <pre> </pre> | 텍스트를 있는 그대로 출력 | 글자 태그 | |
| <h1> </h1> ... <h6> </h6> | 제목 텍스트 설정. 숫자가 작아질수록 크기가 커짐 | 글자 태그 | |
| <b> </b> | 텍스트를 만드는 데 사용 | 글자 태그 | |
| <i> </i> | 이탤릭체 텍스트를 만드는 데 사용 | 글자 태그 | |
| <tt> </tt> | 타자기 스타일의 텍스트를 만드는 데 사용 | 글자 태그 | |
| <code> </code> | 모노스페이스인 소스코드를 정의하는 데 사용 | 글자 태그 | |
| <cite> </cite> | 인용문을 표시하는 데 사용 | 글자 태그 | |
| <adress> </adress> | 주소를 표시하는 데 사용 | 글자 태그 | |
| <em> </em> | 텍스트를 이탤릭체로 강조하는 데 사용 | 글자 태그 | |
| <strong> </strong> | 볼드 텍스트를 만드는 데 사용 | 글자 태그 | |
| <font> </font> | 폰트의 크기 색상 등을 설정하는 데 사용 | 글자 태그 | size, color, face |
| <a> | 링크를 연결할 때 사용 | 링크 태그 | href, name, target |
| <p> </p> | 새 단락을 만들 때 사용 | 컨텐츠 그룹 태그 | |
| <br> | 줄바꿈을 넣을 때 사용 | 컨텐츠 그룹 태그 | |
| <blockquote> </blockquote> | 들여쓰기를 통해서 인용문을 만들 때 사용 | 컨텐츠 그룹 태그 | |
| <div> </div> | css로 블록 컨텐츠를 형식화하는 데 사용 | 컨텐츠 그룹 태그 | |
| <span> </span> | css로 인라인 컨텐츠를 형식화하는 데 사용 | 컨텐츠 그룹 태그 | |
| <ul> </ul> | 순서가 없는 리스트를 만듭니다. | 컨텐츠 그룹 태그 | |
| <ol > </ol> | 순서가 있는 리스트를 만듭니다. | 컨텐츠 그룹 태그 | start, type |
| <li> </li> | 각 리스트의 항목들을 포함합니다. | 컨텐츠 그룹 태그 | |
| <dl> </dl> | 정의 목록들을 만듭니다. | 컨텐츠 그룹 태그 | |
| <dt> </dt> | 정의되는 용어의 제목을 만듭니다. | 컨텐츠 그룹 태그 | |
| <dd> </dd> | 정의되는 용어의 설명을 만듭니다. | 컨텐츠 그룹 태그 | |
| <hr> | 수평선을 삽입합니다. | 미디어 태그 | size, width, noshade |
| <img> | 이미지를 표시할 때 사용 | 미디어 태그 | src, width, height |
| <form> </form> | 폼을 정의하는데 사용 | 폼 태그 | src, align, border, height, width, src |
| <select> </select> | 다양한 메뉴 형태를 만드는 데 사용 | 폼 태그 | multiple, name, size |
| <option> </option> | 각 매뉴 항목들을 배치하는 데 사용 | 폼 태그 | |
| <textarea> </textarea> | 텍스트 박스 영역을 만드는 데 사용 | 폼 태그 | name, cols, rows |
| <input> | 다양한 입력양식을 만드는 데 사용 | 폼 태그 | type, name, value, checked |
| <table> </table> | 표를 만드는 데 사용 | 테이블 태그 | border, cellpadding, cellspacing, width |
| <tr> </tr> | 표의 행들을 배치하는 데 사용 | 테이블 태그 | align, valign |
| <td> </td> | 표의 각 셀을 배치하는 데 사용 | 테이블 태그 | align, valign, rowspan, colspan, nowrap |
| <th> </th> | 테이블 헤더를 배치하는 데 사용 | 테이블 태그 |