[HTML] 이미지 태그
·
HTML & CSS
이미지 삽입  - 속성      1) alt = "대체 텍스트"          · 이미지를 표시할 수 없는 상황일 때 표시되는 대체 텍스트      2) width = "너비px"      3) height = "높이px"  이미지 설명글 삽입 설명글   - 태그가 태그의 위 or 아래에 입력된 것에 따라 이미지의 위 or 아래에 설명글이 표시됨
[HTML] 링크 태그
·
HTML & CSS
링크 태그 텍스트   - target 속성 : 페이지 표시 방법      1) target = "_self" (기본값)          : 링크가 있는 페이지에서 그대로 열림      2) target = "_blank"          : 새 탭/창에서 열림      3) target = "_top"          : 전체 화면으로 열림            (iframe 태그로 외부 문서를 불러올 경우 전체 화면으로 표시)  - title 속성       : 커서를 올렸을 때 제목이 표시되도록 함#  이동 기능이 없는 링크 텍스트   외부 문서를 현재 문서에 삽입하는 태그  앵커 (anchor) 텍스트/이미지 텍스트/이미지   - 한 페이지 안에서, 특정 위치로 한 번에 이동하도록 하는 링크를 ..
[HTML] 표 태그
·
HTML & CSS
표 생성 태그 1행 1열 (제목 셀) 1행 2열 1행 3열 … 2행 1열 (제목 셀) 2행 2열 2행 3열 … #  셀 병합 태그 셀 내용 셀 내용  표 제목 태그  ① 위쪽에만 표시 가능한 표 제목 태그 : 표 제목 ...      - 코드의 위치와 관계 없이, 제목이 표의 위쪽 중앙에 표시됨   ② 위쪽/아래쪽 모두 표시 가능한 표 제목 태그 : , 태그 위치 1 --> 표 제목 태그 위치 2 -->  - 태그가 태그의 위 or 아래에 입력된 것에 따라 표의 위 or 아래에 제목이 표시됨  - 좌측 정렬로..
[HTML] 목록 태그
·
HTML & CSS
순서가 없는 목록  - 각 항목 앞에 글머리표(불릿)가 붙여짐 항목1 항목2 ...#  하위 글머리표를 만들고 싶은 경우 상위 글머리표1 하위 글머리표1 하위 글머리표2 ... 상위 글머리표2 ... 순서가 있는 목록  - 각 항목 앞에 순서에 따른 글머리표가 붙여짐 (default : 숫자) 항목1 항목2 ... 제목과 설명으로 이뤄진 목록  - 설명은 들여쓰기되어 표시됨 제목1 설명1 설명2 ...
[HTML] 텍스트 태그
·
HTML & CSS
텍스트를 묶어주는 태그#  제목 표시    - 텍스트         · 크기 : h1 > h2 > h3 > h4 > h5 > h6 #  단락 나누기    - 텍스트  #  줄 바꾸기    -  #  들여쓰기    - 텍스트         · 다른 텍스트보다 안으로 들여 써짐 #  입력된 공백을 그대로 표시    - 텍스트         · 해당 태그를 사용하지 않으면 코드 내 들여쓰기가 표현되지 않음 #  줄 바꿔 영역 묶기    - 텍스트  #  줄 바꿈 없이 영역 묶기 (인라인)    - 텍스트     - 스타일 적용        : 텍스트  #  따옴표 추가    - 텍스트         · 줄 바꿈 없이, 내용 앞뒤에 쌍따옴표를 추가함 #  수평 줄 생성    -         · ..