본문 바로가기

전체 글102

정의 작성 / dl, dt, dd dl 태그 : 정의 목록(Definition List)을 출력하기 위한 태그 하위태그 : dt, dd dt 태그 : 정의 용어(Definition Term)를 출력하기 위한 태그 dd 태그 : 정의 설명(Definition Description)를 출력하기 위한 태그 DOCTYPE html> HTML 대상 도미토리, 동성(또는 가족) 1팀 크기 4인실 주의사항 공동 취사실 및 욕실(화장실) 비용 비수기 : 1인 20,000원 성수기 : 1인 25,000원 2023. 6. 6.
목록 작성 / ul, ol, li ul 태그 : 목록에 블릿(기호)을 제공하여 출력하기 위한 태그 ol 태그 : 목록에 순서값(숫자번호)을 제공하여 출력하기 위한 태그 li 태그 : 목록을 출력하기 위한 태그 ul 태그 또는 ol 태그의 하위태그로 사용된다. 예시 DOCTYPE html> HTML li 태그 유채방 도미토리, 동성(또는 가족) 4인실 공동 취사실 및 욕실(화장실) 비용 비수기 : 1인 20,000원 성수기 : 1인 25,000원 동백방 도미토리, 동성(또는 가족) 4인실 공동 취사실 및 욕실(화장실) 비용 비수기 : 1인 20,000원 성수기 : 1인 25,000원 2023. 6. 6.
이미지 출력 / img, 경로(절대경로, 상대경로) img 태그 : 이미지 파일을 제공받아 출력하기 위한 태그 웹에서 사용하는 이미지 파일 : GIF 파일, PNG 파일, JPEG 파일 등 alt 속성 : 출력 이미지에 대한 설명을 속성값으로 설정 -- 음성 지원 src 속성 : 이미지 파일을 경로(URL 주소)를 속성값으로 설정 src 속성으로 설정된 이미지 파일이 없는 경우 404 상태코드 전달 width 속성 : img 태그의 폭을 변경하여 출력될 이미지의 크기 변경 가능 (이미지의 폭을 변경하면 높이는 자동 변경된다.) 웹문서와 동일한 서버에 존재하는 웹자원(WebContext)은 URL 주소에서 서버 접속 관련 정보를 생략하여 표현 가능하다. ⇒ 프로토콜, 서버명, 포트번호 생략가능 * 절대경로 표현 방법 : 웹자원의 경로를 서버의 최상위 디렉토.. 2023. 6. 6.
body / hn, hr, p, br, pre, div, span, 회피문자 body 태그 웹문서의 내용(Content)을 출력하기 위한 영역을 제공하기 위한 태그 --- Document ⇒ 하위태그 : header(머릿부), navi(메뉴), section(몸체부), article(본문), aside(보조문), footer(꼬릿부), h1, p, img, form 등 body 태그의 하위태그를 박스모델(Box Model) 태그로 표현할 수 있으며 블럭 레벨 태그와 인라인 레벨 태그로 구분 인라인 레벨 태그의 하위태그로 블럭 레벨 태그 사용은 불가능하다. (그 반대는 가능) 블럭 레벨 태그(Block Level Tag) : 하나의 태그가 전체 라인(Line)을 모두 사용하는 태그 ⇒ div, h1, p, ol, ul 등 인라인 레벨 태그(InLine Level Tag) : 하나의.. 2023. 6. 6.