css (2) 썸네일형 리스트형 Do it! HTML5 + CSS3 : 3장 이미지와 하이퍼링크 이미지 웹에서 사용하는 이미지 형식 웹 페이지에서 사용할 수 있는 이미지 파일은 파일 크기가 크지 않으면서도 화질이 좋아야하기 때문에 몇가지 파일 형식만 사용할 수 있다. 만약 다른 형식으로 된 이미지 파일에서 사용하려면 다음과 같은 파일 형식으로 변환해야 한다. 파일 형식 설명 GIF(Graphic Interchange Form) 표시할 수 있는 색상 수가 256가지 뿐이나, 다른 이미지 파일 형식에 비해 파일 크기가 작아 작은 이미지로 사용되며, 투명한 배경이나 움직이는 이미지를 만들 수 있다는 장점이 있다. JPG/JPEG(Joint Photographic Experts Group) 사진을 위해 개발된 형식으로 GIF보다 다양한 색상과 명암을 표현할 수 있다. 저장을 반복하다보면 화질이 떨어질 수 .. Do it! HTML5 + CSS3 : 2장 텍스트 관련 태그들 텍스트를 덩어리로 묶어 주는 태그 태그 - 제목 표시하기 제목 텍스트는 일반 텍스트보다 굵고 진하게 표시된다. 태그는 제목을 뜻하는 heading의 줄임말인 h와 제목 크기를 나태는 숫자(1~6)을 사용해서 에서 까지 표현한다. 이 가장 큰 제목이고, 이 가장 작은 제목이다. 제목 제목 제목 제목 제목 제목 태그 - 단락 만들기 태그의 p는 paragraph의 줄임말로 텍스트 단락을 만드는데 이때 단락이란, 앞뒤에 줄바꿈이 있는 텍스트 덩어리를 말한다. 태그로 표시되는 텍스트 단락은 줄바꿈 없이 한줄로 표시되는데, 텍스트 줄이 브라우저 창의 너비보다 길어질 경우 줄이 자동으로 바뀐다. 텍스트 태그 - 줄 바꾸기 텍스트 단락에서는 한줄로 표시되지만, 웹 브라우저 창에서 줄바꿈을 하려면 줄을 바꿀 위치에 태.. 이전 1 다음