메타 데이터 HTML 삽입 미리보기할 수 없는 소스 HTML 삽입 미리보기할 수 없는 소스 메타 태그는 웹사이트의 추가적인 정보를 명시해주는 태그이다. 태그 안에 위치하여있으며 빈 태그(내용이 없음)이다. 속성 속성 설명 charset , 인코딩 방식을 지정 http-equiv , HTTP header의 이름을 값으로 가질 수 있음 name , 메타 데이터의 정보를 정의 https://developer.mozilla.org/en-US/docs/Web/HTML/Element/meta
Block HTML 삽입 미리보기할 수 없는 소스 Block Level의 특징 HTML 삽입 미리보기할 수 없는 소스 Block은 , 같은 태그들이 있습니다. Block은 위에서 아래로 레이아웃이 잡히는 요소로 서로 좌/우에 배치 될 수 없습니다. 특징 기본 width의 값이 100%이다. padding과 margin을 모든 방향으로 사용할 수 있다. width와 height를 지정할 수 있다. 자식 요소가 쌓일 수록 height는 자동으로 늘어난다. 레이아웃을 잡을 때 사용된다. Inline HTML 삽입 미리보기할 수 없는 소스 Inline의 경우 Text를 다룰 때 사용됩니다. Block과는 다르게 같은 Inline요소들은 서로 좌/우에 배치될 수 있습니다. , , 가 Inline에 해당됩니다. I..
계속 추가할 예정입니다. 크기 HTML 삽입 미리보기할 수 없는 소스 width , height HTML 삽입 미리보기할 수 없는 소스 가로/세로의 크기를 지정해 주는 속성입니다. div { width: 300px; height: 300px; } 여백 HTML 삽입 미리보기할 수 없는 소스 margin / padding HTML 삽입 미리보기할 수 없는 소스 margin과 padding은 여백을 줄 수 있는 속성입니다. 말로 설명하는 것 보다 그림으로 설명하는 것이 이해가 빠를 것 입니다. 300 x 300의 박스 형태에서 padding은 border기준으로 내부 여백을 의미하고 margin은 border 기준으로 외부의 여백을 의미합니다. border은 선 입니다. 선언 방식 margin / paddi..
HEAD 태그 안의 태그들 HTML 삽입 미리보기할 수 없는 소스 HTML 삽입 미리보기할 수 없는 소스 Title 태그는 제목을 의미하는 태그입니다. 아래의 이미지의 "글쓰기"가 바로 태그가 사용되는 부분입니다. HTML 삽입 미리보기할 수 없는 소스 Meta 태그는 웹 페이지의 대한 정보를 나타냅니다. 해당 문서가 어떠한 방식으로 인코딩 되야 하는지 해당 글의 작성자는 누군지 부가 정보는 뭐가 있는지에 대하여 나타내 줍니다. Attribute Description charset 인코딩 방식을 설정 name 검색 엔진에 제공하기위한 정보 content name에 대한 정보의 내용 HTML 삽입 미리보기할 수 없는 소스 Link 태그는 외부에 있는 문서를 연결할 때 사용합니다. favicon 또는 css..
이미지에 대해 알아보자 HTML 삽입 미리보기할 수 없는 소스 비트맵과 벡터 HTML 삽입 미리보기할 수 없는 소스 Bitmap 비트맵(Bitmap)은 픽셀로 만들어진 이미지입니다. jpg, png, gif, webp가 대표적인 Bitmap이미지입니다. Vector 벡터(Vector)는 점, 선, 좌표를 수학적으로 계산하여 만들어낸 이미지입니다. 대표적으로 svg가 해당됩니다. Vector는 픽셀로 만들어진 이미지가 아니기 때문에 확대를 하여도 이미지가 깨지지 않습니다. 이미지의 종류 HTML 삽입 미리보기할 수 없는 소스 JPG 손실 압축방식에 따른 이미지 손상 손실 압축이기 때문에 용량을 줄임 가장 널리 사용 PNG 비손실 압축 이미지 투명도가 가능 GIF 비손실 압축 짧은 동영상 이미지 대부분의 움..