Q. <ul>과 <ol>의 차이는?
<ul> (Unordered List): 순서 없는 목록. 기본 마커 ●.<ol> (Ordered List): 순서 있는 목록. 기본 마커 1, 2, 3…두 태그 모두 항목은 <li>로 작성.
<li>
Q. 중첩 목록(2단계 목록)은 어떻게 만드나?
<li> 다음에 바로 새 <ul>을 추가한다.안쪽 <ul>의 마커는 자동으로 ○로 바뀌어 2단계 표시.예: <ul><li>메뉴1</li><ul><li>메뉴1-1</li></ul>…
<ul>
<ul><li>메뉴1</li><ul><li>메뉴1-1</li></ul>…
Q. 테이블 기본 구조 태그 4가지는?
<table>: 테이블 컨테이너<tr>: Table Row — 행(가로줄)<th>: Table Header — 헤더 셀 (굵게·가운데 정렬)<td>: Table Data — 일반 데이터 셀
<table>
<tr>
<th>
<td>
Q. <th>와 <td>의 차이는?
<th>: 테이블 헤더 셀. 기본으로 굵게·가운데 정렬 적용. 열·행의 제목에 사용.<td>: 일반 데이터 셀. 기본 정렬은 왼쪽.
Q. colspan과 rowspan의 차이는?
colspan="n": 열(가로) 방향으로 n칸 병합.rowspan="n": 행(세로) 방향으로 n칸 병합.병합한 만큼 다른 행·열에서 <td>를 생략해야 칸 수가 맞음.
colspan="n"
rowspan="n"
Q. <td rowspan="3">휴강</td>은 무엇을 의미하나?
"휴강" 셀이 세로(행) 방향으로 3칸을 합쳐 하나로 표시됨.아래 2개 행에서는 이 셀에 해당하는 <td>를 작성하지 않아야 함.
Q. <iframe>이란 무엇이며, 주요 속성 3가지는?
현재 페이지 안에 다른 HTML 문서나 웹 페이지를 삽입하는 태그.src: 표시할 페이지 경로name: iframe 이름 (target 연결용)width / height: 크기 지정
src
name
width / height
Q. <a>의 target 속성으로 iframe을 제어하려면?
<iframe name="view">처럼 iframe에 name 속성을 부여한 뒤,링크에 target="view"를 지정한다.링크 클릭 시 해당 iframe 안에서 페이지가 열림.
<iframe name="view">
target="view"
Q. form의 action과 method 속성은?
action: 데이터를 전송할 서버 URL.method="GET": URL 쿼리스트링에 데이터 포함 (기본값).method="POST": 요청 본문에 데이터 포함. 비밀번호·파일 전송에 사용.
action
method="GET"
method="POST"
Q. radio와 checkbox의 차이는?
type="radio": 같은 name 그룹에서 하나만 선택 가능.(예: 성별, 찬반 선택)type="checkbox": 여러 항목 중복 선택 가능.(예: 알레르기 항목, 관심 언어)
type="radio"
type="checkbox"
Q. input type="submit"과 type="reset"의 역할은?
type="submit": 폼 데이터를 action 주소로 전송하는 버튼. value가 버튼 텍스트.type="reset": 폼 안의 모든 입력값을 초기화하는 버튼.
type="submit"
value
type="reset"
Q. <select>와 <option>으로 드롭다운을 만드는 구조는?
<select name="role">로 드롭다운 컨테이너 생성.각 항목은 <option value="값">표시텍스트</option>으로 추가.사용자가 선택하면 해당 option의 value가 전송됨.
<select name="role">
<option value="값">표시텍스트</option>