웹브라우저 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. 공은지
    코딩에. .. 뼈묻겟어 ... 너무 재밌어요...
  2. 김유진
    자바스크립트 최고^^b
  3. 김유진
    최고최고~
  4. 유이수
    자바스크립트 입문하기에 좋은 것 같아요~
  5. 권연주
    어려웠던 코딩.. 이 사이트를 보고 많이 배워 갑니다!
  6. 박하늘
    안녕하세요. 혼자 웹사이트를 구축 하던 중 이 사이트를 발견 했습니다. 강추입니다.
  7. 박주영
    좋은 강의 감사합니다
  8. 신보경
    교수님께서 이 사이트 추천해주셨어요 많이 배워갑니다 정말 좋네요
  9. 공은지
    교수님께서 강의중에 틀어주셨는데 너무 좋은 영상이네요. 감사합니다.
  10. 우렁코난
    항상 좋은 영상 너무 감사합니다
  11. 리젤린
    시작해요
  12. 미완성
    20190108완료
  13. JuicyFresh
    확인
  14. 헤롱
    2018-12-11 완료
  15. canivas
    2018/11/10 완료!
  16. 2018-09-28
    첫번째 수강완료
    감사합니다.
  17. moon
    감사합니다.
  18. 와 감사합니다! 진짜 찾던 정보!
  19. SlowStarter
    감사합니다!
  20. 스페이스몽키
    감사합니다~!
  21. 홍민애
    동영상속에서 보면,
    #selected{
    color:red;
    }
    의 color가 이탤릭체로 나오는데, 에디터 atom에서도 비슷한 기능을 가진 package가 있을까요?
  22. 장평래
    진짜 잘 봤습니다!
  23. An TaeHyeon
    18-01-23 수강완료!
    강의록 공유합니다.
    https://goo.gl/VJZMvt
  24. 박인호
    12-23
    수강완료.
  25. GoldPenguin
    감사합니다,
  26. 바람과 나무
    감사합니다.
  27. 이댕댕
    오랜만에 이고잉님 수업 다시 시작합니다!
    완강까지 화이팅!
  28. 수복
    감사합니다.
  29. 이성준
    우왕 감사하니다
  30. NTodTop
    시작합니다.
  31. Sangmook Kim
    170727 완료
  32. 엄정기
    앙잡스 시작
  33. 세븐나이츠
    자바스크립트 시작합니다
  34. crable
    감사합니다.
  35. specialz
    ^^
  36. 코딩왕될래
    가자~!!!!!!!!!!!!!!!!!!
  37. nancylee
    알아듣기 쉽게 설명해주셔서 감사합니다
  38. 회사 때려쳤습니다. 코딩에 올인해볼게요. 강의 감사합니다
  39. matheios
    강의 잘 듣고 시작하려합니다~ 감사합니다~~
  40. jgatsby
    항상 감사드립니다!
  41. hwangcoding@naver.com
    첫번째클리어
  42. 유유
    감사합니다.
  43. 감사합니다!
  44. dhkim
    감사합니다!
  45. hyuna
    thank you^^
  46. tachyon
    감사합니다
  47. meandjava
    2016-08-16
    자바스크립트 1일차 공부~~~

    잘보고갑니다.
    신기하네요^^
    대화보기
    • yihsang
      감사합니다.
    • JustStudy
      2016.07.06수
      고맙습니다 3.
    • JustStudy
      고맙습니다 2.
    버전 관리
    egoing
    현재 버전
    선택 버전
    graphittie 자세히 보기