[HTML 기초] 셀 안쪽에 그림 넣기 태그★블로거라면 반드시 알아야 할 기본태그

[HTML 기초] 셀 안쪽에 그림 넣기 태그★블로거라면 반드시 알아야 할 기본태그





안녕하세요~ 이밤이 가기전에, HTML 태그 배운거 하나만 더 포스팅 하고 자려고요^^;


뭐....그냥 무의미하게 시간을 보내느니, 이렇게 하나라도 포스팅 해 놓는게 낫겠죠~!

생산적인 시간을 보내야~!







자~ 저번시간에는, 표만든 셀을 합치고, 셀 키우는 그런 태그를 배웠죠?

이번에는, 셀 안쪽에 그림이미지를 넣어보는 태그를 알아볼께요^^


다함께 따라해 보도록 해 봐요~!





저번시간에 이어서, 바로 작업하신다면, 좀 더 편하게 진행하실 수 있을거에요.


모든 과목은 연관성이 있으므로, HTML 태그에 조금 관심이 있으시다면,

처음부터 하나하나 따라해 보는 식으로 배워나가시면 좋을 것 같아요^^


오케이3


지금, 저기 드래그한 부분을 보시면,


<table>태그 다음에, <tr>태그가 바로 들어가는데, 많이 떨어져 있죠? 보기좋게 정렬이 되어 있어요.

저것은, 키보드의 Tab 키를 이용하여, 간격을 벌려놓은 것이에요^^


<tr>키는, 행을 나타내는 태그라고 저번시간에 설명을 해 드렸죠???


<tr>다음, <td>가 3개가 들어왔네요?? 후후...맞아요~!

3개의 가로셀이 연달아 오는거에요^^





그렇죠??? 이런식으로 태그가 들어가서,

가로로 3개의 셀이 들어간 표 안쪽에, 이렇게 귀여운 동물들을 넣어 봤어요^^


이미지 넣는 태그는 진작에 배웠죠?^^ 배우신대로 하시면 되어요~!





자~ 그러면, 지금까지 배운 모든 것들의 총망라~!


귀여운 동물들 이라고 제목을 넣어볼꺼에요^^

그리고, 가로셀을 4개로 해서, 좌측 2개, 우측 2개 중간 제목을 각각 잡고,

그 밑으로 동물들 사진들을 쭈욱~ 진열해 놓을거에요^^


위의 태그대로 쭉 진행하면, 어떤식으로 나오게 될까요???





짜잔~! 이런식으로 정리가 되게 나오죠^^


막상 만들어보니까, 상당히 깔끔하고 이쁘네요^^;;

그리고, 태그도 생각보다는 어렵지 아니하여요~!





다시한번 말씀드리지만, 블로거 분들이라도 기본적으로 태그를 좀 알고 계신다면,

블로그 관리하는데 조금 더 유리할 꺼에요^^


저 역시 그래서 배우는 것이구요~!


이제 새롤운 한주가 또 시작되었어요^^

모두들! 힘내서 또 보람찬 한주를 만들어 보도록 해 보아요~!







기어베스트 앱

이 글을 공유하기

댓글(0)

Designed by JB FACTORY