오늘의 수업.
다음포털의 한 부분을 모작하는 것이다.
이미지 파일은 있다.
html 태그를 사용하여 저 모양새를 만든는 것.
메모장에 html, head, body를 적어 기초적인 구성을 만든다.
셀을 구성하는것을 나눠본다.
셀을 나누기전에 먼저 글을 쓰면 매우 헷갈리기 떄문에 나는 이미지를 ☆ , 텍스트를 ★ 로 한다.
tr과 td,
colspan="", rowspan=""을 이용하여 틀을 만든다.
이미지 부분을 ☆ , 텍스트를 ★로 작성했다.
크롬에서 실행시키면 이런 모양새가 나온다.
나름 비슷한거 ㅇㅈ?
☆에 img src="" 태그를 사용하여 이미지를 삽입하고,
★에는 들어갈 글을 타이핑 한다.
그러면 이런 모양새가 나온다.
table border="1" 값을 table border="0"으로 쓰면
테두리가 사라진다.
쥰니 싸구려 불법 사설 성인&토토사이트 같은
싼마이 디자인이 나타난다.
이미지의 크기를 가로 110으로 조절하고
cellpadding="" , align="" , vlign="" ,  (스페이스바 기능)를 사용하여 간격 위치를 조정하고
텍스트의 색상,사이즈도 조정한다.
모양새가 어느정도 나온 것 같군.
table border="1" 값을 table border="0" 으로 변경해서 다시 테두리를 없애보자.
헉헉...
나름 그럴싸해보인다.
당연히 하이퍼 링크는 적용되어있지 않다.
우선 모양새 만드는 수업이니까.
↖이놈이 원본(Original)이다.
원본마냥 3/7 위치가 잘 안맞지만.
그것은 셀을 나누고 valign을 쓰면 될 것 같다.