Web/HTML9 08. HTML의 디스플레이 1. inline - block 인라인(inline) - content의 크기 만큼남 자리를 차지하는 요소 - 텍스트, img, span 등 - 텍스트의 특징을 가지고 있음 블록(block) - 라인을 모두 차지하는 요소 - p, h, ul, li, div 등 - 면의 특징을 가지고 있음 span 태그 - 인라인 (inline) 특징을 가지고 있음 - 글자 단위로 영역 설정 - 웹 문서에서 특정 부분을 그룹화하거나 스타일을 적용하기 위해 사용됨 - 주로 텍스트 스타일링 또는 스크립트와 함께 특정 텍스트 또는 요소를 감싸기 위해 사용됨 div 태그 - 블럭 (block) 특징을 가지고 있음 - 면 단위로 영역이 설정 - 웹 문서의 구획을 나누거나 요소를 그룹화하기 위해 사용됨 - 주로 CSS 스타일링이나 .. 2024. 4. 5. 07. 폼태그 1. 품 태그 - 웹 페이지에서 사용자로부터 입력을 받을 때 사용하는 태그 모음 - 사용자가 입력한 데이터를 서버로 보낼 때 form 요소를 사용 기본형식 서버에 데이터를 전송하는 방법 예시) 네이버 주소 /search.naver --> 파일명 ? where 뒤에는 전달할 데이터 & query 뒤에는 날씨 url get : url에 데이터를 포함하여 전달하는 방법 (속도가 빠름 / 하이퍼링크 or 클릭으로 전송) post : 데이터를 body에 포함하여 전달하는 방법 (속도가 느림 / 폼태그에 입력된 것들을 전송) 2. Input 태그 - text: 문자를 입력받는 글상자 - password: 비밀번호를 입력받는 글상자 - radio: 여러 개의 옵션 중에서 단 하나의 옵션만을 선택할 수 있도록 하는 버.. 2024. 4. 5. 06. 아이프레임 태그 1. 아이프레임 태그 - inline frame의 약자 - 웹사이트 안에 또 다른 웹사이트를 설립 기본 형태 스타일 넣기 아이프레임 안에 html 가져오기 책갈피 예제(아이프레임) 클릭 ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ 아이프레임 안에 책갈피.html 화면이 띄워짐 아이프레임 안에 주소창 가져오기 코리아 IT 아카데미 클릭 ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ 하이퍼링크를 바꿨기 때문에 바뀐 사이트로 아이프레임이 뜸 2024. 4. 4. 05. 테이블 태그 1. 테이블 태그 여러 종류의 테이블을 보기 좋게 정리하여 보여주는 표를 작성 기본형식 셀1 셀2 셀3 셀1 셀2 셀3 셀1 셀2 셀3 로 시작하고 로 끝냄 로 행을 생성, 로 셀을 생성 는 셀의 제목, 제목을 가운데 정렬, 굵은 글씨 셀 모양이 보이지 않음 첫번째 셀 border, witdh 속성주면 셀모양이 보임 첫번째 셀 행 3 열 2 테이블 만들기 첫번째 셀두번째 셀 세번째 셀네번째 셀 다섯번째 셀여섯번째 셀 colspan 태그 - 행 합치기 첫번째 셀 세번째 셀네번째 셀 다섯번째 셀여섯번째 셀 rowspan 태그 - 열 합치기 첫번째 셀두번째 셀 세번째 셀네번째 셀 여섯번째 셀 열과 행을 합친 표 만들어보기 셀1 셀2셀3셀4 셀5 셀6 colgroup 태그, caption 태그 수강생 리스트 이.. 2024. 4. 4. 이전 1 2 3 다음 LIST
