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

    아래도

    <h1 style="color:red"> hello world </h1>
    여기서 color:red 가 css 문법임.
버전 관리
egoing
현재 버전
선택 버전
graphittie 자세히 보기