Gotcha HTML/CSS!

'HTML'은 HyperText Markup Language의 약자로 웹페이지의 구조와 콘텐츠를 만드는 데 사용됩니다.대부분의 'HTML 요소'에는 원시 텍스트 또는 기타 HTML 태그를 사이에 두고 '여는 태그'와 '닫는 태그'가 포함되어 있습니다.HTML 요소는 다

!DOCTYPE html 선언은 항상 HTML 파일의 첫 번째 코드 행이어야 합니다. 이를 통해 브라우저는 예상되는 HTML 버전을 알 수 있습니다.html 요소에는 모든 HTML 코드가 포함됩니다.제목과 같은 웹 페이지에 대한 정보는 페이지의 head 태그 안에 있습

table 요소는 테이블을 생성합니다.tr 요소는 테이블에 행을 추가합니다.행에 데이터를 추가하려면 td 요소를 사용합니다.테이블의 제목은 데이터의 의미를 명확히 해줍니다. th 요소와 함께 머리글이 추가됩니다.테이블 데이터는 colspan 속성을 사용하여 열을 합칠

form 양식의 목적은 사용자가 정보를 입력하고 전송할 수 있도록 하는 것입니다.form 양식의 aciton 속성은 양식의 정보가 이동하는 위치를 결정합니다.form의 method 속성은 정보의 전송 및 처리 방법을 결정합니다.사용자가 정보를 입력할 필드를 추가하기 위

클라이언트 측 검증은 정보가 서버로 전송되기 전에 브라우저에서 수행됩니다.required 특성을 input 요소에 추가하면 입력 필드에 정보가 입력이 되었는지 검증합니다.input 요소의 min 속성에 값을 할당하면 허용되는 최소값이 검증됩니다.input 요소의 max

Semantic HTML은 태그 사이에 있는 내용에 대한 콘텐츠를 제공하는 특정 요소를 통해 페이지에 의미를 부여합니다.시멘틱 HTML은 현대적인 표준으로 화면 리더를 이용하여 웹페이지를 번역하는 사람들이 웹 사이트에 접속할 수 있도록 하며 웹 사이트의 SEO를 개선합

CSS 구문의 기본 구조는 인라인 스타일과 스타일시트 모두에 대해서 작성되었다.ruleset, selector, declaration은 CSS 용어들로 쓰인다.CSS inline styles은 style 속성을 사용하여 열린 HTML 태그 내부에 작성할 수 있습니다.I

HyperText Markup Language는 웹 브라우저상에 보이지기 위해 고안된 문서 즉 실행가능한 기본적인 파일이다.HTML은 표준화된 Markup language를 쓰고 있는데 Markup language란일반적인 텍스트와 문법적으로 구분하기 위해 문서에 an

BOX는 header, footer, nav, aside, main처럼 세셔닝이 나눠지는 태그들을 말한다.\-section 안에서도 article이 여러번 나올 수 있고 article은 반복되어 재사용이 가능한 item들을 묶어주는 태그를 의미한다.\-div는 묶어서

Cascading Style sheet 스타일을 관리하기 쉽도록 문서를 모아놓은 것인데 적용되는 방식이 단계적으로 이루어진다.웹 사이트를 스타일링할 때 세 가지 단계적으로 적용된다.\-author style 우리가 지정한 스타일링 >\-user style 사용자가 지정

\-inline은 콘텐츠 자체만을 꾸며주기 때문에 콘텐츠 크기에만 맞춰서 변경이 된다. \-만약 inline 속성을 가진 태그 안에 콘텐츠가 없다면 표시되지 않는다.\-따라서 block level의 요소는 한 줄에 한 개씩 공간을 차지한다.\-한 줄에 여러 개를 넣을

중심 축에 따라 수직 축이 바뀐다.\-왼쪽에서 오른쪽으로 item이 정렬되며 중심 축은 수평으로 가는 선이다.\-위에서 아래로 item이 정렬되며 중심 축은 수직으로 가는 선이다.flex-direction, flex 콘테이너 내의 flex 아이템 배치 시 주축 및 방향

다양한 기기에서 웹사이트를 열 수 있기 때문에 고정된 사이즈로 레이아웃을 만드는 것 보다 FLUID한 유동적인 레이아웃을 만드는 것이 중요하다.\-고정된 PX 값을 사용하지 않고 flex grid와 box 그리고 %, vw, vh같은 값을 사용하여 구성한다.CSS에 M