태그공책 썸네일형 리스트형 22. 그림 불러오기 - ⑤ 그림 테두리 만들기 ▒ 요 약 그림 테두리 만들기 1. 그림 테두리 얇은 테두리~ 두꺼운 액자같은 테두리~ 그림에 테두리를 만들어보죠 ^^ 안에 border="숫자" 태그를 끼워 넣어 그림의 테두리를 나타나게합니다.(숫자가 커질수록 굵기가 두꺼워집니다) 2. 그림테두리 색깔넣기 안에 style="border-color:색깔" 태그를 끼워 넣어 테두리의 색깔을 바꿉니다. (색상표에서 다양한 색상을 찾아, 넣어보세요) 더보기 21. 그림 불러오기 - ④ 그림 위치 조절, 그림과 글자 위치 조절 ▒ 요 약 그림 위치 조절, 그림과 글자 위치 조절 1. 그림 위치 조절 그림을 왼쪽으로 오른쪽으로 혹은 가운데로....위치를 정하면, 페이지 타이틀로도 쓸 수 있고 심볼로 쓸 수 있고 참 좋겠죠? 태그를 사용하여 위치를 바꿔 정렬을 조절합니다. 위치 : align= left / right / center left : 왼쪽으로 그림 정렬 right : 오른쪽으로 그림 정렬 center : 가운데로 그림 정렬 2. 그림과 글자 위치 조절 그림과 글자를 함께 쓸 때 그림과 글자의 정렬을 조절해보세요. 그림불러오기 기본 태그안에 align="위치"를 끼어넣어 태그를 사용하여 위치를 바꿔 정렬을 조절합니다. 위치 : align= top / middle / bottom / right / left top : 그림 .. 더보기 20. 그림 불러오기 - ③ 그림 크기 조절 ▒ 요 약 그림 크기조절 그림을 불러 문서를 만들다가 그림이 너무 크거나 작아서 문제가 된적 없으세요? ^^ 그림의 사이즈를 맘대로 조절할 수 있다면 이런 문제가 없겠죠? 자 사이즈를 내맘대로! 그림 불러오기 기본 태그안에 width="숫자" height="숫자" 를 끼어넣어, 숫자를 바꿔주면 됩니다. 더보기 19. 그림 불러오기 - ② 그림 태그 <img src="그림주소"> ▒ 요 약 자, 그림을 불러와 볼까요? 태그는 그림을 불러오는 태그입니다. 앞서 배운, "그림주소"를 넣어주면 됩니다. 더보기 18. 그림 불러오기 - ① 그림 주소 알아내기 ▒ 요 약 그림 주소 알아내기 인터넷 페이지들은 거의 대부분이 그림으로 되어있지요. 웹 페이지에 그림을 뜨게하려면, html 문서에 그림을 불러오는 태그를 쓰면된답니다. 그림을 일정 장소에 저장해 놓고 그림 불러오는 태그로 그 주소를 호출하면 그림이 뜨게 되는 것이지요. 그림마다 모두 주소가있습니다.^^ 원하는 그림 위에 마우스를 올려놓고 오른쪽 버튼을 누르면 주르륵~ 메뉴가 뜨지요? 그 메뉴들 젤 아래 "등록정보" 가있습니다. (윈도우XP인 경우는 "속성") 등록정보를 누르시면 "주소(URL)" 이 있고 "http://!~~~#~$@#~~@$^%#^^%*~~" 이런 주소가 있죠? 그게 바로 그 그림이 저장되어있는 주소입니다 ^^* 무지하게 자주 쓰는 것이니 꼭 익혀두세요. 더보기 17. 문장, 문서 꾸미기5 - ⑤ 정렬 <p align>태그, 소스 ▒ 요 약 정렬 태그, 소스보기 태그 문서를 왼쪽 정렬할까? 오른쪽 정렬할까? 가운데로 맞출까? 태그를 이용하여 문서의 모양을 왼쪽으로 오른쪽으로, 가운데로...정렬해 보세요. 소스보기 할 때 태그소스까지 다 보여주고 싶으면 를 사용하면 됩니다. 내용 사이의 내용들은 태그 소스까지 모두 보여집니다. 더보기 16. 문장, 문서 꾸미기4 - ④ 문서에 선긋기 <hr> 태그 ▒ 요 약 선긋기 태그 문서를 작성하다보면 선을 긋는 경우가 많습니다. 태그를 이용하여 선을 그어보고 에 끼어넣는 size="숫자" width="숫자" noshade style="color:색상값;" 태그들을 이용하여 다양한 선의 변화를 줄수있습니다. 더보기 15. 문장, 문단 꾸미기3 - ③ <br> <p> 태그 ▒ 요 약 태그 문서를 작성하다보면 다음줄로 줄바꿈해야겠죠? 과 태그를 이용하여 줄바꿈을해보고 두개의 차이점을 비교해 보아요. html에서는 글자간격을 많이 띄어도 한칸 띈걸로 인식합니다. 태그를 사용하여 빈칸 숫자를 조절합니다. 더보기 14. 문장, 문단 꾸미기2 - ② <body> 속성 태그 ▒ 요 약 속성 태그 문서모양을 예쁘게 만들기 위한 문장,문단을 조절하는 태그들을 배워봅니다. 첫번째로 본문전체를 조절하는 body 관련 속성 태그입니다. 아래 소스 3가지에 대해 모두 실습해보세요. 더보기 13. 문장, 문단 꾸미기 - ① 문장, 문단 태그 입문 ▒ 요 약 문장, 문서 태그 입문 글자에 대해 배울 때 글자를 크게, 작게, 예쁜 색깔, 움직이기 등 여러가지 글자 관련 태그가 있었던것 처럼 문서만들 때에도 문서 만들기 관련 하여 다양한 태그가있습니다. 아래 소스 가지고 우선 감만 잡아보세요. 그 다음에 하나씩 하나씩 문장, 문단을 배워서 예쁜 문서를 만들어 보아요. ^___^) 더보기 이전 1 2 3 4 5 다음
