문서의 정보를 보다 잘 표현하기 위해서는 의미에 맞는 태그를 잘 사용해야한다. 적절한 도구 sematic tag를 골라 사용해보자.'의미론적인 웹'이라는 뜻으로,현재의 인터넷과 같은 분산환경에서 리소스(웹 문서, 각종 화일, 서비스 등)에 대한 정보와 자원 사이의 관계

웹 페이지의 레이아웃은 웹 사이트의 외관을 결정짓는 매우 중요한 요소! 시작이 반이다. display속성은 요소를 어떻게 표시할지를 선택하고, visibility속성은 요소를 나타낼지 말지를 결절하는 속성이다. display는 상속이 불가능하고, visibility는

html,css를 이용해서 자기소개웹페이지를 만들어보자.(1주차 사전과제) 1주차 사전과제로 자기소개웹페이지를 만들어보는 미션을 받았다.

요소를 원하는 위치로 이동시키고, 뒤에 따라오는 요소들이 처음 요소를 피해서 표시되도록 한다. 텍스트에 둘러쌓여있는 이미지 레이아웃을 표시하기 위해 만들어졌다.float속성을 사용하면 주변으로 컨텐츠가 흐르듯이 배치가 되는데, 이를 해체하기 위해 clear속성을 사용한

포지셔닝을 통해 다양한 위치이동을 시도해보자. css 포지셔닝을 이용해서 웹 문서의 레이아웃을 다양한 방식으로 지정할 수 있다.텍스트나 이미지를 나란히 배치하거나, 여러 요소를 가로/세로로 원하는 곳에 배치가 가능하다.자식요소의 크기에 따라서 부모요소의 크기가 자동으로

자식(children)

html요소의 레이아웃을 결정하는 가장 중요한 속성 중 하나인 display에 대해 알아보자. 모든 요소는 한개의 display값을 가지고 있다.inlineblockinline-blockflexlist-itemnone...등이 있지만, 대부분의 경우 inline과 bl

box model2 실습과제 만들어보자

'box model' 실습과제 정리하기-주어진 보기만 해결하려고 했던 것이 문제점이었다...▶login-form margin-top 간격을 주지 않았다- 보기지문에 나오지 않아서 신경쓰지 않은 부분이었다. 다음부터는 눈으로 직접 확인하고, 스스로 생각해서 간격을 지정해

박스 모델의 다양한 속성에 대해 알아보자요소는 내용(content), 패딩(padding), 테두리(border)로 이루어져 있다.패딩은 내용과 테두리 사이의 '공간', Margin은 테두리 밖의 공간이다.div와 div2의 width와 height가 같지만 , 결과물

font, color를 설정하는 다양한 방법에 대해 알아보자. 폰트 1.폰트 굵기 설정하기 font-weight.100~900 100이 가장 얇고, 900이 가장 굵다. font-weight: normal;=font-weight: 400; 2.폰트 설정하기 첫번째로

비슷하지만 다른 태그들에 대해 알아보자.

위코드 수강 전, 못따라가면 어쩌지하는 불안한 마음에 미리 공부를 시작해 보았다. > HTML/CSS의 기본내용을 배웠다. HTML과 CSS 'HTML(HyperText Markup Language)'은 웹사이트에 들어갈 내용을 담당하고, CSS(Cascading