profile
@chhaewxn
post-thumbnail

float 해제

float의 해제를 하기 위해서는 먼저 float의 특성을 알아야 합니다. 우리가 흔히 플롯의 상황에서 해제가 필요하다고 할만한 상황은 아래의 내용과 같은 float의 특성 때문에 발생하게 됩니다.]그림과 같이 좌우로 플로팅 된 요소를 가지고 있는 부모 요소를 파란 점

2022년 7월 6일
·
0개의 댓글
·
post-thumbnail

프로모션 페이지 제작

HTMLh1, ol, ul, p, strong, a, divCSSposition, width, height, background, margin모든 요소를 감싸고 있는 <DIV class="wrap">을 추가하여 전체 컨텐츠 영역에 이미지를 적용합니다.텍스트를 한꺼

2022년 7월 5일
·
0개의 댓글
·
post-thumbnail

IR 기법 소개

📌 Image Replacement: 이미지를 볼 수 없는 사용자에게 적절한 대체 텍스트를 제공하는 것<img> 태그의 alt 속성 값으로 표현하기에 대체 텍스트가 너무 길거나, CSS background 속성을 사용하여 처리한 의미 있는 이미지일 경우, 마크업

2022년 7월 5일
·
0개의 댓글
·
post-thumbnail

프로젝트-A(2)

HTML(1) CSS(1) HTML(2) ![](https

2022년 7월 3일
·
0개의 댓글
·
post-thumbnail

Reset CSS

: 헤딩, 리스트, 폼, 테이블 등 주요 태그: margin, padding, border, font-styleborder-collapse, text-decorationlist-stylemargin 0으로 resetdisplay 속성 값이 list-item 인 요소의

2022년 7월 2일
·
0개의 댓글
·
post-thumbnail

프로젝트-A(1)

테이블의 보더 표현 방식은 border-collapse 속성을 사용한다.<caption>을 사용하여 표의 제목을 지정한다.각 셀의 너비는 <colgroup> 요소 사용을 권장한다.<thead>, <tbody>, <tfoot>을 사용하고 &lt

2022년 6월 24일
·
0개의 댓글
·
post-thumbnail

블록&인라인

부모 요소의 가로 영역에 맞게 꽉 채워져 표현되는 요소입니다. 양옆으로 다른 요소가 배치되지 않게 박스를 생성하므로 박스의 위아래로 줄 바꿈이 생기게 됩니다. 블록 레벨 요소는 일반적인 모든 요소(블록, 인라인 레벨 등)를 포함할 수 있습니다. " div, h1~h6,

2022년 5월 20일
·
0개의 댓글
·
post-thumbnail

콘텐츠모델, 시멘틱마크업

📍 Content Models 의 7 분류 Metadata Content Flow Content Sectioning Content Heading Content Phrasing Content Embedded Content Interacitve Content 1. M

2022년 5월 20일
·
0개의 댓글
·
post-thumbnail

HTML 태그

제목(heading) 태그는 문서 내에 제목을 표현할 때 사용하는 태그입니다. 태그 이름은 heading을 줄여서 h로 쓰며, 제목의 레벨에 따라서 <h1>~<h6>까지 있습니다.보통 <h1>은 해당 페이지를 대표하는 큰 제목으로 주로 사용되며, 숫자가

2022년 5월 18일
·
0개의 댓글
·
post-thumbnail

HTML 이해하기

HTML은 태그들의 집합이며, 태그는 HTML에서 가장 중요하고 기본이 되는 규칙입니다.태그는 '무언가를 표시하기 위한 꼬리표, 이름표'라는 의미가 있으며, HTML에서도 이와 비슷한 의미로 해석됩니다.태그는 <, > 기호로 표현하며 <, > 기호 사이에 태

2022년 5월 18일
·
0개의 댓글
·