Open challenge 01. 자기 소개 HTML 페이지 만들기
WEB/TRAINNING 2017. 11. 4. 19:18 |1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 | <!DOCTYPE html> <html> <head> <title>나의 소개</title> <style> body { background-color:violet; color:green; margin-left:40px; margin-right:40px } h3 { text-align:center; color:blue; } hr { height:5px; border:solid grey; background-color:grey; } span { color:red; font-size:20px; } </style> <script> function show() { // <img>에 이미지 달기 document.getElementById("fig").src = "a.png" } function hide() { // <img>에 이미지 제거 document.getElementById("fig").src= ""; } </script> </head> <body> <h3 onmouseover="show()" onmouseout="hide()">슈렉</h3> <hr> <div><img id="fig" src""></div> 저는 대한민국에서 태어나서 컴퓨터 공학을 전공하는 학생입니다. 제가 좋아하는 과목은 <span>웹 프로그래밍</span>이고, 그 중에서도 <SPAN>자바스크립트</SPAN>를 제일 잘합니다. </body> </html> | cs |
