'HTML' 태그의 글 목록 (7 Page)

본문 바로가기

[HTML+CSS][HTML5와 시맨틱태그] 02 - 시맨틱 태그의 종류 [HTML+CSS][HTML5와 시맨틱태그] 01 - HTML5 문서 [HTML+CSS][CSS 레이아웃] 03 - 표 스타일 [HTML+CSS][CSS 레이아웃] 02 - 다단으로 편집하기 [HTML+CSS][CSS 레이아웃] 01 - CSS 포지셔닝과 주요 속성들 [HTML+CSS][CSS 박스모델] 03 - 여백을 조절하는 속성들.. onelight-stay.tistory.com 시맨틱 태그의 사용 목적에 대해 이해했다면 시맨틱 태그의 종류와 사용 방법에 대해서 알아보도록 하자. 태그 : 머리말 지정 본문 중에 사용해 해당 부분의 머리말로 사용할 수 있다. 태그 : 문서를 연결하는 내비게이션 링크 동일한 사이트 안의 문서나 다른 사이트의 문서로 연결하는 링크 모음으로 내비게이션 메뉴뿐만 아니라 푸터.. 2020. 7. 13.

[HTML+CSS][HTML5와 시맨틱태그] 01 - HTML5 문서 [HTML+CSS][CSS 레이아웃] 03 - 표 스타일 [HTML+CSS][CSS 레이아웃] 02 - 다단으로 편집하기 [HTML+CSS][CSS 레이아웃] 01 - CSS 포지셔닝과 주요 속성들 [HTML+CSS][CSS 박스모델] 03 - 여백을 조절하는 속성들 [HTML+CSS][CSS 박스모델] 02 - 테두리 관.. onelight-stay.tistory.com HTML5에서 사용되는 시맨틱 태그에 대해서 간단하게 알아보고 시맨틱 태그를 사용해야 하는 이유에 대해서 알아보도록 하자. 시맨틱 태그 (semantic tag) HTML5에서 태그 이름만 보고도 문서 구조에서 어떤 역할을 하는지 쉽게 이해할 수 있게 하는 것이다. - 시맨틱 태그로 레이아웃을 제작해야 하는 이유 - 웬 문서에 레이아웃.. 2020. 7. 12.

[HTML+CSS][CSS 레이아웃] 04 - 연습문제 01 애완견 종류 입양하기 건강돌보기 더불어살기 강아지 용품 준비하기 강아지 집 강아지가 편히 쉴 수 있는 포근한 집이 필요합니다. 강아지의 집은 강아지가 다 큰 후에도 계속 쓸 수 있는 집으로 구입하세요.집을 구입하실 때는 박음질이 잘 되어 있는지, 세탁이 간편한 제품인지 꼭 확인하시고 고르시는 것이 좋습니다. 강아지 먹이 강아지의 먹이는 꼭 어린 강아지용으로 나와있는 사료를 선택하세요. 강아지들은 사람에 비해 성장속도가 8배정도 빠르답니다. 따라서 강아지에게는 성장속도에 맞는 사료를 급여하셔야 합니다. 사람이 먹는 음식을 먹게 되면 양념과 향신료에 입맛이 익숙해지고, 비만이 될 가능성이 매우 높아집니다. 강아지용 사료는 생후 12개월까지 급여하셔야 합니다. Copyright 2012 funnycom .. 2020. 7. 11.

[HTML+CSS][CSS 레이아웃] 03 - 표 스타일 [HTML+CSS][CSS 레이아웃] 02 - 다단으로 편집하기 [HTML+CSS][CSS 레이아웃] 01 - CSS 포지셔닝과 주요 속성들 [HTML+CSS][CSS 박스모델] 03 - 여백을 조절하는 속성들 [HTML+CSS][CSS 박스모델] 02 - 테두리 관련 속성들 [HTML+CSS][CSS 박스모델] 01 - CSS와 박.. onelight-stay.tistory.com 표의 세부적인 스타일에 대해서 알아보도록 하자. caption-side 속성 : 표 제목 위치 설정 표 제목은 태그를 사용해 주는데 이때 caption-side 속성을 사용해 표 제목의 위치를 지정할 수 있다. border 속성 : 표 테두리 스타일 결정 테두리의 색상이나, 형태, 너비 등을 지정할 수 있다. border-c.. 2020. 7. 10.

[HTML+CSS][CSS 레이아웃] 02 - 다단으로 편집하기 [HTML+CSS][CSS 레이아웃] 01 - CSS 포지셔닝과 주요 속성들 [HTML+CSS][CSS 박스모델] 03 - 여백을 조절하는 속성들 [HTML+CSS][CSS 박스모델] 02 - 테두리 관련 속성들 [HTML+CSS][CSS 박스모델] 01 - CSS와 박스모델 [HTML+CSS][색상과 배경을 위한 스타일] 03 - 그러데이.. onelight-stay.tistory.com 신문 기사에 나오는 단의 넓이와 단의 개수와 단의 간격 등 단에 대해서 자세히 알아보고 직접 조절해보는 시간을 가져보자. column-width 속성 : 단의 너비 고정 및 다단 구성 단의 너비를 고정해 주는 것으로 이때 고정 후에 화면이 넓어졌을 경우 단의 개수가 많아지고 화면이 좁아지면 단의 개수가 줄어든다. co.. 2020. 7. 9.

[HTML+CSS][CSS 레이아웃] 01 - CSS 포지셔닝과 주요 속성들 [HTML+CSS][CSS 박스모델] 03 - 여백을 조절하는 속성들 [HTML+CSS][CSS 박스모델] 02 - 테두리 관련 속성들 [HTML+CSS][CSS 박스모델] 01 - CSS와 박스모델 [HTML+CSS][색상과 배경을 위한 스타일] 03 - 그러데이션 효과로 배경 꾸미기 [HTML+CSS][색상과 배경을 위한.. onelight-stay.tistory.com CSS를 활용해 어떻게 각 영역들을 효과적으로 배치할지를 결정해 보는 시간을 가져보도록 하자. CSS 포지셔닝 브라우저 화면 안에 각 콘텐츠 영역을 어떻게 배치할지를 결정하는 것으로 같은 내용이더라도 배치를 어떻게 하고 어떤 배경과 색상을 사용할지에 따라 완전히 다른 사이트처럼 보이게 할 수 있는 것이다. box-sizing 속성 :.. 2020. 7. 8.

이전 1 ··· 4 5 6 7 8 9 10 ··· 13 다음

티스토리툴바