본문 바로가기

전체 글134

[HTML5] 09. 테이블 09. 테이블​테이블은 행(row)와 열(column)로 구성되어 있으며, 표의 형태로 데이터를 표시할 때 사용한다.​1. 테이블의 기본 형식​- : 테이블- : 행, table row의 약자- : 열, table data의 약자, 각 셀(cell)의 데이터​2. 테이블 그룹핑​- : 머리말, table header의 약자- : 본문- : 꼬리말, table footer의 약자​3. 기타​- : 테이블 제목, table heading의 약자- : 캡션, 테이블에 대한 설명​4. 열 단위 스타일 지정​- : 열그룹, column group의 약자 * 이 태그는 과 다음, 태그 보다는 먼저 사용되어야 한다. - : 열그룹의 하위요소, column의 약자 5. 행과 열의 병합 행과 열의 병합을 위해서는 ro.. 2023. 12. 31.
[HTML5] 08. 창(iframe) 08. 창(iframe)​기존의 HTML 버전에 있었던 frame, frameset, noframes 태크가 없어지고, HTML5에서는 iframe과 CSS를 이용하거나 서버 사이드로 컨텐츠 결합한다.​관련하여, HTML5에서 없어진 태그들을 정리한 아래 사이트를 참조하기 바란다.https://wildpup.cafe24.com/archives/80​iframe 태그는 웹페이지 안에 다른 웹페이지를 표시하는 창을 표시할 때 사용한다.​- name="이름": 창의 이름- src="URL": 창에 표시될 URL- srcdoc="HTML 코드": 창에서 보여 줄 HTML 콘텐츠, 브라우저가 이 속성을 지원하면 src속성은 무시됨.- width="넓이(픽셀)": 넓이- height="높이(픽셀)": 높이- san.. 2023. 12. 29.
[HTML5] 07. 하이퍼링크 07. 하이퍼링크​ 클릭을 통해 특정 위치로 이동할 수 있는 하이퍼링크 기능을 사용하고자 할 때에는 태그를 사용한다.​1. 태그와 속성들​는 anchor(닻, 지주)의 약자이다. 태그의 기본 형식은 다음과 같다.​ 내용(텍스트 또는 이미지) ​- href 속성: "hypertext(문장 중의 어구나 그것에 붙은 표제, 표제를 모은 목차 등이 서로 연결된 문자 데이터 파일) reference(참조)"의 약자이다.- target 속성: 링크된 내용이 열릴 창, _blank(새로운 창), _self(현재의 창), 현재의 창이 프레임으로 구성된 경우 _top(현재의 프레임), _parent(부모 프레임), 프레임명(직접 지정)- download 속성: 파일 다운로드- id 속성을 통한 특정 위치로의 이동.. 2023. 12. 29.
[HTML5] 06. 이미지 요소들 [HTML5] 06. 이미지 요소들​1. 태그​이미지 삽입은 종료태그 없이 태그를 사용한다. 태그의 속성과 지정형식은 다음과 같다.​- src="이미지파일경로", source의 약자- width="숫자"- height="숫자"- alt="내용", alternative(대체)의 약자- usemap="#맵이름", 이미지맵 지정시 사용​지원하는 이미지 형식은 다음을 참조https://sorto.me/docs/Web/HTML/Element/img​- : 브라우저에 따라 다른 이미지를 보여줄 때 사용​2. 태그의 자식 요소들​의 형식으로 사용​#HTML5 #HTML #img #이미지 #태그 #tag #이미지형식 #이미지맵 #area 세상을 링크하라!!! 모든 링크를 한 자리에...링크닷컴: https://l.. 2023. 12. 29.

티스토리툴바