1. 테이블1 테이블 1 첫번째 셀 첫번째 셀 첫번째 셀두번째 셀 세번째 셀네번째 셀 다섯번째 셀여섯번째 셀 첫번째 셀 세번째 셀네번째 셀 다섯번째 셀여섯번째 셀 첫번째 셀두번째 셀 세번째 셀네번째 셀 여섯번째 셀 2. 테이블2 테이블 2 KDT 수강생 리스트 이름 연락처 주소 김사과 010-1111-1111 서울시 서초구 양재동 반하나 010-2222-2222 서울시 강남구 역삼동 오렌지 010-3333-3333 서울시 동작구 사당동 3. 아이프레임 아이프레임 테이블 연습 페이지(현재창) 테이블 연습 페이지(새탭) 테이블 연습 페이지(아이프레임) 코리아IT아카데미(아이프레임) 4. 폼태그 폼태그 아이디 : 비밀번호 : 성별 : 남자 여자 취미 : 게임 술 다꾸 배드민턴 드라마시청 첨부파일 : 이메일 :..

★ 테이블 태그 - 여러 종류의 데이터를 보기 좋게 정리하여 보여주는 표를 작성 - 로 시작하고 끝냄 - 로 행을 생성, 로 셀을 생성 - 은 셀의 제목, 제목을 가운데 정렬, 굵은 글씨 셀1셀2셀3 colspan 속성 - 셀을 가로로 합침 rowspan 속성 - 셀을 세로로 합침 colgroup 태그 colgroup 태그 뒤에 나오는 컬럼(th 또는 td)에 적용할 스타일을 해당 태그에서 미리 설정할 수 있도록 함 1 2 3 4 5 6 caption 태그 - 표에 제목을 붙일 때 사용 - 기본 위치는 표의 상단 중앙 아이프레임 태그 - inline frame의 약자 - 웹사이트 안에 또 다른 웹사이트를 삽입 폼 태그 - 웹페이지에서 사용자로부터 입력을 받을 때 사용하는 태그 모음 - 사용자가 입력한 데..

1. 이미지 태그 이미지 태그 2. 하이퍼 링크 하이퍼링크 코리아IT아카데미 서브페이지로 이동 3. 책갈피 책갈피 목적지로 이동합니다! 중간지점으로 이동합니다. 중간지점으로 이동합니다. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consequatur eius eaque dignissimos facilis. Culpa, voluptas quo deleniti molestiae dolores quam mollitia quidem porro id ipsa, labore aspernatur veniam esse excepturi! Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consequatu..

속성 : 태그를 보완하는 역할 HTML 해석 및 풀이 : 선언문, HTML5 나타냄 : 리더기의 언어를 설정.(시각장애인이신분들의 리더기를 말함. en : 영어, ko : 한국어) lang = "en" ---- ---- 속성 속성값 : 언어셋을 설정 viewport : 뷰포인트를 설정하겠다. width=device-width : width는 사용자의 디바이스의width에 맞추겠다. initial-scale=1.0 : 확대, 축소는 1.0으로 고정시킨다. ❖메타 태그 - HTML문서에 대한 정보를 정의할 때 사용 - 사이에 적용 - name, content, http-equiv, author, viewport, keyword, description등 여러가지 속성들을 사용 이미지 태그 : 제목 표시줄의 텍..

1. 최초의 웹사이트.html

브라우저가 해석할 수 있는 3가지 1. HTML - 전체적인 틀을 만든다. 2. CSS - 전체적인 틀을 HTML을 만들고 CSS가 디자인을 한다. 3. JavaScript - 동적으로 움직이면서 움직이는 형식을 디자인한다. HTML(Hyper Text Markup Language)이란? "HyperText(웹 페이지에서 다른 페이지로 이동할 수 있는 문장) 기능을 가진 문서를 만드는 언어"를 뜻한다. HTML의 형식 (여는 태그) (몸통) (닫는 태그) HTML의 특징 - HTML 문서는 확장명을 .html로 저장 - 대소문자를 구별하지 않음 - 문서를 작성할 수 있는 에디터라면 HTML 문서를 작성할 수 있음 - 띄어쓰기, 줄바꿈을 구별하지 않음 - 명령어(태그) 형태로 괄호를 사용하여 표현 - 대부..