CSS

HTML과 CSS가 만나는 법

이번 시간에는 HTML에 CSS를 삽입하는 방법을 알아봅니다. 

예제 - html_css1.html

<!DOCTYPE html>
<html>
  <head>
    <style>
      h2{color:blue}
    </style>
  </head>
  <body>
    <h1 style="color:red">Hello World</h1>
    <h2>Hello world</h2>
  </body>
</html>

아래는 실습환경 없이도 코드를 온라인에서 실행해볼 수 있는 서비스인 codepen입니다.을 누르면 온라인에서 실행해 볼 수 있습니다.

댓글

댓글 본문
  1. 스마일가이
    2021.01.26 완료 감사합니다
  2. datsciseol
    20210115
  3. 따뜻한츄르
    201229
  4. 201223 ✅
  5. 201213
  6. Seunghyuk Rodrigo Kim
    감사합니다
  7. switpotato
    20201122: 2차학습 완료
  8. 몽밍
    2020.11.10
  9. 켄드릭
    2020.10.29(목) 1차 학습완료
  10. hanjong
    ok
  11. jaehyunlee
    완료
  12. 오석민
    완료
  13. 박병진
    20200930완료
  14. 콜라
    20200926완료!
  15. 여니여니
    20200913 완료요~^^
  16. switpotato
    20200824 완료!감사합니다!!
  17. 김성곤
    20200716 감사합니다!
  18. 열심히사는사람
    완료
  19. 한강
    Css 입력 방법 배웠습니다~~!!! ^^
    200526
  20. 김선경
    2020-03-24 완료
  21. html과 css가 만나는 법
    html속성 style=""기입 안에 color=red<css언어
    head태그에 style태그 삽입 사이에 h2{color=red}<css언어
  22. 무지개반사
    완료
  23. opper
    2020. 1. 6 수업완료
  24. Blanc
    2020.01.04
  25. Grigo
    완료
  26. alpha
    191001 수강완료
  27. 치디우기
    2019/8/25 수강완료
  28. 배미경
    수강완료요!
  29. 다나가
    190718 - 수강완료!!
  30. 김주엽
    수업완료
  31. 잘될자
    190502 수강완료!
  32. 김예은
    190402 수강완료 감사합니다
  33. lygon
    2019-02-22 완료
  34. 한승민
    190212
  35. 테디
    완료
  36. 황근두
    항상 잘 듣고 있습니다 감사합니다 화이팅~!
  37. 수미
    완료했습니당
  38. asdqwer123
    완료
  39. 김민영
    완료
  40. 신비
    감사합니다!
  41. 로버트한
    잘 보았습니다.^^
  42. SlowStarter
    감사합니다!
  43. 스페이스몽키
    감사해요~!
  44. JN87
    180101 감사합니다!
  45. 푸른하늘
    9일차 공부 감사합니다
  46. Jupi
    html문서에 css를 적용하면 방법은 3가지 있습니다.
    (아마도 다음 강의에서 설명해 주시겠지만..)

    # HTML태그내 스타일 지정(Inline Styles)
    ex) <h1 style="color:red">Hello world!</h1>

    # 내부 스타일 시트(Internal Style Sheet)
    ex) <head>태그 안에
    <style>
    h2{
    color: blue;
    }
    </style>

    # 외부 스타일 시트(External Style Sheet)
    ex) <head>태그 안에
    <link rel="stylesheet" type="text/css" href="파일이름.css">

    #### 추가 ####
    리체님이 정리해주신 페이지가 있어서 링크를 올려놓도록 하겠습니다~
    https://opentutorials.org......148
  47. 우영국
    항상 쉽게 풀어서 해지시는 설명 너무 감사히 듣고갑니다.
  48. css왕초보
    감사합니다!!!
  49. 오빠는다르다
    감사합니다~!!!
  50. 강지후
    강의 완료 20170630
버전 관리
egoing
현재 버전
선택 버전
graphittie 자세히 보기