본문 바로가기
  • 컴퓨터 기초를 위한 블로그입니다

html5

HTML - Table 넣기 Table 넣기 - 다양한 TABLE 만드는 태그 및 테두리, 색상지정 방법 ① TABLE 만들기 태그 기본태그는 간단하죠? 여기서 tr은 열을 바꿔주고, td는 행을 나눠 줍니다. 그러나 table 만들기는 이제 시작입니다. 모양도 여러가지이고 편집도 다양하기 때문에 눈을 크게 뜨고 보셔야 해요~ ② 여러가지 TABLE 아래의 예제들을 보면서 tr과 td를 이용해 어떻게 줄과 칸을 바꿨는지를 잘 관찰하세요. 그리고 두 개의 행(가로)을 합칠 때는 colspan="2", 세 개의 행을 합칠 때에는 colspan="3"..., 두 개의 열(세로)를 합칠 경우에는 rowspan="2"와 같이 넣어주면 됩니다. 설명이 좀 복잡하지만 아래의 태그명령어와 그림을 비교하면서 연습해 보세요. 첫번째 칸두번째 칸세번째.. 2011. 1. 5.
HTML - 링크시키기 링크시키기 - 링크시키기 태그 및 새 창으로 링크, 그림으로 링크하는 방법 ① 링크시키기 태그 주소이름 - 링크시키기 태그가 아주 쉽지요? 링크할 주소와 주소이름이 헷갈리시면 아래의 예제를 보세요. 제 홈페이지에 있는 홈페이지제작을 링크시킬 경우입니다. Daum카페 리더 모임으로 이 경우에는 현재 브라우저창으로 링크가 되는 경우입니다. ② 새 창으로 링크시키기 이번에는 화면이 안에서 이동하는 것이 아니라 새로 창을 열어 이동하는 것을 해 보겠습니다. target이라는 것은 이동할 화면을 지정하는 것인데요. 따옴표 안에 _blank, blank, new를 넣으시면 새 창이 열리면서 링크됩니다. 아래의 예제소스를 보시고 직접 링크를 클릭해 보세요. Daum카페 리더 모임으로 Daum카페 리더 모임으로 참고로.. 2011. 1. 5.
HTML - 음악 넣기 음악 넣기 - 음악넣기 태그 및 반복회수 지정방법 ① 음악넣기 태그 - 배경음악으로 넣을 수 있는 것은 ~.mid~.wav만이 가능합니다. 우선 다음과 같이 연습을 해보세요. ② 음악 반복시키기 그러면 음악을 계속 반복시키는 방법을 알아볼까요? 여기서 loop는 음악의 반복회수를 말합니다. 2라고 했으니 음악이 2번 반복되고 멈추는 것이구요. 그치지 않고 계속 나오기를 원하시면 loop="infinite" 라고 해주시면 됩니다. 예제소스 음악넣기 음악 2번 반복을 실행하고 있습니다. 들리시나요? 2011. 1. 5.
HTML - 글자 폰트의 모든 것 글자 폰트의 모든 것 - 글자크기, 색깔, 모양 , 변형, 움직임 등의 태그와 줄바꿈, 인용구 태그 ① 글자크기 태그 예제소스 작은글자 - 작은글자 작은글자 - 작은글자 보통글자 - 보통글자 보통글자 - 보통글자 큰글자 - 큰글자 큰글자 - 큰글자 ② 글자색상 태그 예제소스 예쁜파랑 - 예쁜파랑 예쁜파랑 - 예쁜파랑 예쁜분홍 - 예쁜분홍 예쁜분홍 - 예쁜분홍 예쁜초록 - 예쁜초록 예쁜주황 - 예쁜주황 예쁜노랑 - 예쁜노랑 ③ 글자모양 태그 글자모양 태그 - 글자체를 바꾸려면 size 혹은 color 대신에 face를 쓰고 따옴표 안에 글자체 이름을 써주면 됩니다. 그러나 주의해야 할 것은 익스플로러에서 지원하는 굴림체, 돋움체, 궁서체, 바탕체는 자유자재로 바꿀 수 있으나 이솝체, 엽서체, 휴먼매직체.... 2011. 1. 5.

티스토리툴바