본문 바로가기

HTML3

블록 구조 / 인라인 구조 블록 레벨 요소와 인라인 요소 1. 블록 레벨 요소 블록 레벨 요소는 마크업을 할 때 줄이 바뀌는 특성을 가지고 있습니다. 블록 구조의 특징은 한 줄에 하나만 표현되는 것, 즉 가로로 정렬이 되지 않는다는 것입니다. 또한 영역을 포현하는 부분이기 때문에, 마진 값이나 패딩 값이 적용됩니다. 블록 구조는 블록 구조 안에 블록 구조와 인라인 구조 모두 올 수 있습니다. See the Pen block by HwangYoujin (@youJin2) on CodePen. 2. 인라인 요소 인라인 요소는 블록 레벨 요소처럼 행이 바뀌지 않고 한 줄로 출력됩니다. 한 줄에 여러개가 표현이 되며, 가로로 정렬이 됩니다. 영역은 텍스트 부분만 영역으로 존재하기 때문에, 패딩이나 마진이 적용되진 않습니다. 하지만 좌우에.. 2022. 8. 22.

구조 관련 요소 구조 관련 요소 h1 반응형웹 header nav MENU01 MENU02 MENU03 MENU04 MENU05 section 콘텐츠 그룹 01 section 콘텐츠 그룹 02 article 주요 기사 aside 광고 footer address 경기도 부천시 오정구 삼정동 032)674-5685 icoxpub@naver.com p COPYRIGHT ⓒALL rights reserved. CSS 소스 /* fonts */ @import url('https://webfontworld.github.io/gmarket/GmarketSans.css'); /* 리셋 */ /* 여백 초기화 */ * { margin: 0 auto; padding: 0; font-family: 'GmarketSans'; } /* 링크 .. 2022. 8. 17.

웹 접근성/웹 호환성 웹 접근성(Web Accessibility) 장애인, 고령자 등 모든 사용자가 어떠한 기술이나 환경에서도 전문적인 능력 없이 웹사이트에서 제공하는 모든 정보를 동등하게 접근하고 이해할 수 있는 권리입니다. 웹 접근성 준수 이유 장애인, 고령자 등을 포함한 모든 사람들이 웹에서 원하는 정보들을 자유롭게 접근 하고 이용할 수 있습니다. 또한 '08년 4월 11일부터 시행된 ‘장애인차별금지 및 권리구제 등에 관한 법률’ 및 동법 시행령 등 관련 규정을 준수할 수 있게 됩니다. 웹 표준(Web Standard) 웹 표준이란 브라우저 종류 및 버전에 따른 기능 차이에 대하여 호환이 가능하도록 제시된 표준입니다. 다른 기종 혹은 플랫폼에 따라 달리 구현되는 기술을 동일하게 구현함과 동시에 어느 한쪽에 최적화되어 치.. 2022. 8. 9.

이전 1 다음

728x90

HTML

자세히보기

CSS

자세히보기

JAVASCRIPT

자세히보기

티스토리툴바