html5 썸네일형 리스트형 Do it! HTML5+CSS3 3장 03 이미지와 하이퍼링크 1) 이미지 ● 웹에서 사용하는 이미지 형식 GIP, JPG/JPEG, PNG 웹 페이지에서 사용할 수 있는 이미지 파일은 파일 크기가 크지 않으면서도 화질이 좋아야 하기 때문에 몇 가지 파일 형식만 사용할 수 있다. 만약 다른 형식으로 된 이미지 파일을 웹에서 사용하려면 파일 형식을 변형해야 한다. ● 태그 - 이미지 삽입하기 기본형 웹 문서에 이미지를 삽입할 때는 태그를 사용한다. 이때 src 속성을 사용해 이미지 파일이 있는 경로를 알려 주어야 화면에 이미지를 표시할 수 있다. src 속성 - 이미지 파일 경로 지정하기 이미지를 웹 문서에 넣으려면 src 속성에 정확한 파일 경로를 지정해야 한다. '경로'란 현재 HTML 문서에서 이미지 파일까지 찾아가기 위한 길로 이 길이.. 더보기 Do it! HTML5+CSS3 2장 02 텍스트 관련 태그들 1) 텍스트를 덩어리로 묶어 주는 태그 ● 태그 - 제목 표시하기 기본형: 제목 제목 텍스트는 일반 텍스트보다 굵고 진하게 표기된다. 제목을 뜻하는 heading의 줄임말인 'h'와 제목 크기를 나타내는 숫자(1~6)를 사용해서 에서 까지 표현한다. 이 가장 큰 제목이고 이 가장 작은 크기의 제목이다. ● 태그 - 단락 만들기 기본형: 텍스트 paragraph의 줄임말로, 텍스트 단락을 만드는데 이때 '단락'이란 줄바꿈이 있는 텍스트 덩어리를 말한다. 태그로 표시하는 텍스트 단락은 태그를 만날 때까지 줄바꿈 없이 텍스트를 한 줄로 표시하는데 텍스트 줄이 브라우저 창의 너비보다 길어질 경우, 줄이 자동으로 바뀐다. ● 태그 - 줄 바꾸기 기본형: 텍스트 단락에서 줄바꿈을 하더라도 .. 더보기 Do it! HTML5+CSS3 책 구입, 1장 01 HTML 기초 다지기 1) HTML과의 첫 만남 자신이 사용하고 있는 웹 브라우저가 HTML5를 얼마나 지원하고 있는지 아는 방법 http://HTml5test.com The HTML5 test - How well does your browser support HTML5? The HTML5 test score is an indication of how well your browser supports the upcoming HTML5 standard and related specifications. How well does your browser support HTML5? html5test.com 2) 웹 브라우저와 웹 편집기 기본적으로 위에 사진에 나와있는 Live Server만 다운 받아도 사용 .. 더보기 이전 1 다음
