인천-Guide

subTitle

subDescription

subPageTitle

text-box headTitle

title--blue text-box__cont--title type01 text-box__cont--title type02 text-box__cont--title type03 text-box__cont--title type04

contents text

content description

content description - underline

content description

align

algin--left

.algin--left

align--right

.align--right

algin--center

.algin--center

bullet

bullet__list--dot

bulletDot1
bulletDot2
bulletDot3

bullet__list--dash

bulletDash1
bulletDash2
bulletDash3

bullet__list--circle

bulletCircle1
bulletCircle2
bulletCircle3

bullet__list--ref

bulletRef1
bulletRef2
bulletRef3

bullet__list--finger

bulletFinger1
bulletFinger2
bulletFinger3

bullet__list--circle-num

①circle-num1
②circle-num2
③circle-num3
④circle-num4
⑤circle-num5

bullet__list--circle-blue

circleBlue1
circleBlue2
circleBlue3

table

tableCol (.table--col)

tableTitle

테이블명
thead 제목1	thead 제목2	thead 제목3
tbody 내용1	tbody 내용2	tbody 내용3
tbody 내용1	tbody 내용2	tbody 내용3
tbody 내용1	tbody 내용2	tbody 내용3

tableRow (.table--row)

tableTitle

테이블명
thead 제목1	tbody 내용2	tbody 내용3
타이틀 텍스트가 두줄인경우(강제개행)	tbody 내용2	tbody 내용3

tableMix (.table--mix)

테이블명
thead 제목1	thead 제목2	thead 제목3
thead 제목1	tbody 내용2	tbody 내용3
타이틀 텍스트가 두줄인경우(강제개행)	tbody 내용2	tbody 내용3

table 정렬 및 참고사항

테이블은 기본적으로 행과 열에서 모두 text 중간 정렬됩니다.
아래의 표에서는 td태그 안에 있는 학교 이름들이 위쪽으로 정렬되어 있습니다.
위쪽으로 정렬하고자 하는 td태그에 class="top"을 추가하면 내용이 상단 정렬됩니다.

테이블 내용이 무엇인지 알 수 있게 작성
학교군	1학교군		2학교군		3학교군		1·2공동학교군
행정 구역	중구		부평구		서구		미추홀구
성별	남	여	남	여	남	여	남	여
학교명	광성고 도림고 동산고	문일여고 박문여고 숭덕여고	계산고 계양고 부개고 (공학) 부광고 부평고 삼산고	계산여고 명신여고 부개고 (공학) 부개여고 부광여고	가림고 (공학) 가정고 (공학)	가림고 (공학) 가정고 (공학) 가좌고 (공학)	인천고 인천남고 제물포고 제일고	석정여고 신명여고
계	17	14	16	16	11	11	4	2

위의 표에서 맨 아래 합계 부분은 배경색상이 다릅니다.
이렇게 표의 합계를 구해서 하단에 표시되는 경우 해당 th, td 태그에 class="sum"을 추가하시면 배경 색상이 바뀝니다.

col이나 row가 여러 줄 병합되어 사용되면 병합되는 다음 태그의 왼쪽 테두리가 안나오는 현상이 생깁니다.
아래 표에서는 "해당자별 구비서류"라는 th태그의 row가 2줄 병합되었기 때문에 다음 tr에 나오는 분홍배경의 th 태그에 테두리가 생기지 않습니다.
이런 경우 해당 태그에 class="bd-l"를 추가하면 왼쪽 테두리가 생깁니다. th,td 모두 동일합니다.

해당자별 구비서류와 특례입학자는 외국에서 초·중학교과정을 모두 이수한 학생, 외국에서 부모와 함께 2년 이상 재학사실 증명, 과학기술자 및 교수요원의 자녀, 북한이탈주민, 외국인 학생, 일반 귀국자, 비고에 대한 표.
해당자별 구비서류	특례편입학자					일 반 귀국자	비 고
해당자별 구비서류	외국에서 초 · 중학교과정 을 모두 이수한 학생	외국에서 부모와 함께 2년 이상 재학사실 증명	과학기술자 및 교수요원의 자녀	북한 이탈 주민	외국인 학생	일 반 귀국자	비 고
외국학교 초·중학교 졸업증명서	○				(○)		초·중학교 과정이 8학년제 이하인 외국에서 초·중학교 과정을 모두 이수한 경우 위와 같이 정규학교임을 확인
국내 최종학교 재학 (제적,졸업)증명서		(○)	(○)			(○)	최종재학년월일 및 최종재학학년 명시
국내최종학교 학교생활기록부 출력물		(○)	(○)			(○)	같은 학교급으로 편입할 경우
여권사본 또는 출입국사실증명	○ (학생)	○ (부, 모, 학생)	○ (부, 모, 학생)		○ (학생)	○ (부, 모, 학생)	자비유학자는 학생만 제출. (출입국관리사무소, 구청, 동 주민센터)

위의 표와 같이 전체 td태그가 전부 왼쪽 정렬일 경우에는 태그마다 일일이 class를 넣을 필요없이 table 태그 한곳에만 class="td-left"를 추가해주시면 td태그만 왼쪽 정렬됩니다.

아래 표는 분홍색 배경인 경우만 텍스트가 왼쪽 정렬됩니다.
이런 경우 해당 td태그에 class="align--left"를 추가하면 텍스트 왼쪽 정렬됩니다.

처리절차 순, 해당자 구분, 해당자 추가 제출 서류에 대한 표
순	해당자 구분	해당자 추가 제출 서류
1	부모가 사망한 경우	2007.12.31.까지 신고한 경우 : 학생의 제적등본 1부 2008.01.01.이후 신고한 경우 : 학생의 가족관계증명서(제적사항이 기록된 것) 1부
2	부모 이혼	① 학생의 가족관계증명서 1부 ② 학생의 기본증명서(상세) 1부(친권자가 기록된 것) ③ 학생과 인천에 함께 살지 않는 부 또는 모가 친권자인 경우 해당 친권자의 입학전배정동의서 1부
3	부 또는 모가 행방불명	① 관할 경찰서 신고확인서 1부 ② 학생의 가족관계증명서 1부

round

square

round border

square border

뒤로/다음 버튼

small size(H:default(40) / font-size: 14)

x-small size(H:30 / font-size: 14)

circle size(H:30)

sub02_04 가운데정렬 버튼

다운로드 버튼

2023학년도 고입포털 특성화고 사용자 설명서 2023학년도 고입포털 특성화고 사용자 설명서 2023학년도 고입포털 특성화고 사용자 설명서 2023학년도 고입포털 특성화고 사용자 설명서 2023학년도 고입포털 특성화고 사용자 설명서 특성화고

원문보기 버튼

text-box Step Case

특별전형

중학교 석차연명부 작성 기준일 : 23.11.23.(목)
원서접수 : 23.11.27.(월)
입학전형 : 23.11.29.(수) ~ 23.11.30.(목)
합격자발표 : 23.12.01.(금)

일반전형

중학교 석차연명부 작성 기준일 : 23.11.23.(목)
원서접수 : 23.12.04.(월)
입학전형 : 23.12.05.(화)
합격자발표 : 23.12.06.(수)

전기고 추가모집

원서접수 : 23.12.06.(수)
입학전형 : 23.12.07.(목)
합격자발표 : 23.12.08.(금)

추가모집

원서접수 : 24.01.16.(화)
입학전형 : 24.01.17.(수)
합격자발표 : 24.01.18.(목)

학생

거주지 학교군 내의 근거리
학교방문 편입학 신청
학생

거주지 학교군 내의 근거리
학교방문 편입학 신청
학생

편입학 등록

합격자 발표 이전입니다.

담당부서 진로진학직업교육과
담당자 김지희
전화번호 032-4208-397

참고사항

태그 개별로 정렬할때는 태그 개별마다 class를 넣어주면 됩니다.

왼쪽으로 정렬하고 싶을 때는 class="align--left" 추가

p태그 왼쪽으로 정렬하고 싶을 때
span태그 왼쪽으로 정렬하고 싶을 때
중간으로 정렬하고 싶을 때는 class="align--center" 추가

div태그 중간으로 정렬하고 싶을 때
span태그 중간으로 정렬하고 싶을 때
오른쪽으로 정렬하고 싶을 때는 class="align--right" 추가
p태그 오른쪽으로 정렬하고 싶을 때
span태그 오른쪽으로 정렬하고 싶을 때 span태그를 오른쪽으로 정렬하고 싶을 때 style 추가

1줄 전체를 사용하는 block 태그인 p,div태그의 경우 원하는 대로 정렬이 잘 됩니다.
contents의 크기만큼만 영역을 잡는 inline 태그인 span의 경우 공간이 없기 때문에 class를 넣어도 움직이지 않습니다.
이런 경우 p,div등의 태그로 변경하거나 style="display: block;"을 추가 하면 정렬이 잘 됩니다.