gomoonok.com         HTML 왕초보를 위하여!         [RGB색상표] 보기
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
[HTML 편집] 처럼 인터넷에 글을 올리면 [HTML 보기] 처럼 인터넷(브라우져)에 나타납니다.

과제
HTML 편집
HTML 보기
참고
글자 크기 〈font size="3"〉우리나라〈/font〉
〈font size="5"〉우리나라〈/font〉
우리나라
우리나라
숫자가 크면 큰글씨
글자 색 〈font color="red"〉우리나라〈/font〉
〈font color="blue"〉우리나라〈/font〉
〈font color="33cc66"〉우리나라〈/font〉
우리나라
우리나라
우리나라
RGB색상표 참고
글자색과 크기 〈font size="5" color="red"〉우리나라〈/font〉우리나라 한칸 띄어쓰기 조심
줄 바꾸기(단락)우리나라〈br〉대한민국우리나라
대한민국
〈p〉는 단락, 문단 나누기
글자 띄우기 우리 대한 민국 우리   대한   민국  
글자 진하게 우리 〈b〉 대한〈/b〉 민국우리 대한 민국/는 조건 닫기
선 긋기〈hr width="80"〉〈/hr〉
*
오른쪽 정렬〈p align="right"〉우리

우리

중앙은 center
왼쪽 정렬 〈p align="left"〉대한민국

대한민국

*
왼쪽으로 흐르는 글〈marquee behavior="scroll"〉왼쪽으로〈/marquee〉왼쪽으로속도등 ??
위로 오르는 글〈marquee behavior="scroll" scrollmount="0.01" direction="up" height="50"〉위로 오르는 글〈/marquee〉위로 오르는 글조건등 ??

그림 붙이기〈img src="jiwoo.jpg" width="37" height="47"〉그림이 같은 디렉터리에 있을때
그림 오른쪽 붙이기〈img src="jiwoo.jpg" width="37" height="47" align="right" 〉그림 오른쪽 정렬
그림 중앙 정렬〈td align="center"〉〈img src="jiwoo.jpg" width="37" height="47"〉〈/td〉그림 중앙 정렬
그림 인터넷 주소 붙이기 〈img src="http://gomoonok.com/data2/jiwoo.jpg" width="44" height="55"〉인터넷 주소를 넣을때
그림 원본크기 보기〈a href="jiwoo.jpg"〉〈img src="jiwoo.jpg" width="37" height="47"〉〈/a〉그림을 클릭하면 큰그림!
그림 링크 걸기〈a href="jiwoo.jpg"〉지우 사진보기-여기클릭!〈/a〉지우 사진보기-여기 클릭!글을 클릭하면 사진!
그림 왼쪽이동 〈marquee behavior="scroll"〉〈img img="jiwoo.jpg" width="37"〉〈/marquee〉그림은 인터넷 주소를

음악연주 〈embed src="Moon.mid" autostart="0"〉〈/embed〉같은 디렉터리
음악연주2〈embed src="http://gomoonok.com/music/run.mid" autostart="0"〉〈/embed〉인터넷 주소입력
음악 자동연주〈embed src="http://gomoonok.com/music/good.mid" autostart="true"〉〈/embed〉현재 연주음악

표 그리기 〈table border="2" width="110"〉〈tr>〈td〉한칸〈/td〉〈/tr〉〈/table〉
한칸
투명한 칸
표 두칸 그리기 〈table border="2" width="130"〉〈tr>〈td〉첫칸〈/td〉〈td〉둘째칸〈/td〉〈/tr〉〈/table〉
첫칸둘째칸
width 는 칸의 길이
표 테두리색 〈table border="2" bordercolor="blue" width="130"〉〈tr>〈td〉첫칸〈/td〉〈td〉둘째칸〈/td〉〈/tr〉〈/table〉
첫칸둘째칸
칸의 높이는 height
표 바탕색 〈table border="2" bordercolor="blue" bgcolor="red" width="130"〉〈tr>〈td〉첫칸〈/td〉〈td〉둘째칸〈/td〉〈/tr〉〈/table〉
첫칸둘째칸
위의 RGB색상표 참고
표 세로칸 〈table border="2" width="110"〉〈tr>〈td〉윗칸〈/td〉〈/tr〉〈tr>〈td〉아랫칸〈/td〉〈/tr〉〈/table〉
윗칸
아랫칸
글의 정렬은 align 참조
표 네칸 그리기 〈table border="2" width="160"〉〈tr>〈td〉상좌〈/td〉〈td〉상우〈/td〉〈/tr〉〈tr>〈td〉하좌〈/td〉〈td〉하우〈/td〉〈/tr〉〈/table〉
상좌상우
하좌하우
색상을 도입해 보세요
* ***




편집기가 따로 없다면, 자기에게 html 메일을 보내고 확인해 보세요.
덤비고 욕심내면 하나도 못한답니다. 하나씩 천천히 해 보세요.

.