웹브라우저 JavaScript

웹브라우저와 JavaScript

HTML

정보를 표현한다.

<!DOCTYPE html>
<html>
<body>
    <ul>
		<li>HTML</li>
		<li>CSS</li>
		<li>JavaScript</li>
	</ul>
</body>
</html>

CSS

정보를 꾸며준다.

<!DOCTYPE html>
<html>
<head>
    <style type="text/css">
		#selected{
			color:red;
		}
	</style>
</head>
<body>
	<ul>
		<li>HTML</li>
		<li>CSS</li>
		<li id="selected">JavaScript</li>
	</ul>
</body>
</html>

JavaScript

HTML을 프로그래밍적으로 제어한다. 

<!DOCTYPE html>
<html>
<head>
    <style type="text/css">
		#selected{
			color:red;
		}
		.dark {
			background-color:black;
			color:white;
		}
		.dark #selected{
			color:yellow;
		}
	</style>
</head>
<body>
	<ul>
		<li>HTML</li>
		<li>CSS</li>
		<li id="selected">JavaScript</li>
	</ul>
	<input type="button" onclick="document.body.className='dark'" value="dark" />
</body>
</html>

 

댓글

댓글 본문
  1. 주황버섯
    23.02.18 :)
  2. 헤밍웨이
    220824 :-)
  3. 진진리
    0811
  4. kimsha21
    20220214 수강시작
  5. choi
    완료
  6. 임앤강
    2022-02-06 수강하였습니다 ~ 감사합니다.
  7. mary5544
    2022.01.12 수강시작
  8. pmxsg
    2021.12.19. 수강
  9. 드림보이
    2021.12.14. 웹브라우저와 JavaScript 파트 수강완료
  10. NewbDev
    20211108 감사합니다
  11. 경이
    2021 11 08 감사합니다
  12. Koma Doodugi
    2021/10/13
  13. labis98
    20210815 good!!!
  14. 리탱
    완료
  15. 감자먹는넘
    웹브라우저와 JavaScript
  16. yogg
    어렵지만 차근차근 배워보겠습니다
  17. Kyung Hee Lee
    20210216, ^^감사합니다.
  18. 라온
    2020.12.08 , 감사합니다.
  19. 박병진
    2020.12.01 완료
  20. 11/5
  21. 마준
    완료
  22. anne
    완료
  23. 흑백영화
    완료
  24. 정승옥
    완료
  25. 한강
    오늘도 감사합니다~~!
    200623
  26. 쑤우
    시작. 감사합니다~
  27. Useok
  28. 쿠카라차
    input 버튼 의 value는 버튼위 올라가는 텍스트
  29. html 정보
    css 다자인
    javascript 웹브라우저 html 동적제어

    예제 onclick="document.body.classname='dark'"
    문서의 body태그에 속성 class(이름)=dark 삽입(추가)

    *css로 .dark명령어, .dark #selected 명령어를 설정해놓은 뒤 body 태그 속성에 없던 classname을 부여해 작동시킴
  30. 얼그레이
    완료
  31. 광주토박이
    완료
  32. Jenny
    완료
  33. 민재현
    완료
  34. 정홍
    완료
  35. 류석현
    다시 시작합니다
  36. 공은지
    코딩에. .. 뼈묻겟어 ... 너무 재밌어요...
  37. 김유진
    자바스크립트 최고^^b
  38. 김유진
    최고최고~
  39. 유이수
    자바스크립트 입문하기에 좋은 것 같아요~
  40. 권연주
    어려웠던 코딩.. 이 사이트를 보고 많이 배워 갑니다!
  41. 박하늘
    안녕하세요. 혼자 웹사이트를 구축 하던 중 이 사이트를 발견 했습니다. 강추입니다.
  42. 박주영
    좋은 강의 감사합니다
  43. 신보경
    교수님께서 이 사이트 추천해주셨어요 많이 배워갑니다 정말 좋네요
  44. 공은지
    교수님께서 강의중에 틀어주셨는데 너무 좋은 영상이네요. 감사합니다.
  45. 우렁코난
    항상 좋은 영상 너무 감사합니다
  46. 리젤린
    시작해요
  47. 미완성
    20190108완료
  48. JuicyFresh
    확인
  49. 헤롱
    2018-12-11 완료
  50. canivas
    2018/11/10 완료!
버전 관리
egoing
현재 버전
선택 버전
graphittie 자세히 보기