생활코딩

Coding Everybody

HTML과 CSS가 만나는 법

토픽 생활코딩 > 클라이언트 > CSS > 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. 안성
    완료
  2. kdb5869
    24.04.25
  3. 마우스오른쪽버튼
    완료
  4. 곤비
    0215 완료
  5. 미래도비
    1.12
  6. 덕자
    완료!
  7. DreamBoy
    2023.09.14. CSS - HTML과 CSS가 만나는 법 파트 완료했습니다.
  8. 다겸란
    수강완료
  9. JH의꿈
    8월 14일 23년 학습완료
  10. 고원규
    완료
  11. AgainstartJH
    2022년 10월 25일 화요일 학습완료!
  12. 헤밍웨이
    220822
  13. vigorously27
    2022년 7월 18일 월요일 학습완료!
  14. 이슬유치원
    22.7.2.실습
  15. Joshep Woo
    감사합니다.
  16. 진진리
    22.05.10
  17. 기초부터
    궁금한게 있는데
    이클립스에서
    <style>속성값 넣을때

    <style type="text/css"> 넣는 이유가 궁금합니다
  18. INJE
    22/03/11
  19. 임앤강
    2022-01-27 수강. !!
  20. 강수빈
    21.1.19 수강완료. 양질의 강의 감사합니다!
  21. jjy_lee2468
    22.01.19 수강완료
  22. 코딩혁명
    2021.11.30 감사합니다
  23. 드림보이
    2021.11.09. HTML과 CSS가 만나는 법 파트 수강완료
  24. 밀보리
    211024 학습완료 감사합니다!
  25. 황금아가리
    211003
  26. 이현수
    2021.09.02(목)
  27. 두드
    2021.07.21 완료
  28. 감자먹는넘
    감자
  29. jeisyoon
    2021.06.21 HTML과 CSS 만남 - OK
  30. barozaqu
    20210518.
  31. Jeong Il Haan
    20210504
  32. 할수있다비전공자
    @jeon
    완료
  33. yogg
    html에 css삽입하는 법 <style></style>
  34. gkalsdlf
    완료~
  35. Minint
    2021.02.26
  36. HyeonHui Jeong
    2/15
  37. 스마일가이
    2021.01.26 완료 감사합니다
  38. datsciseol
    20210115
  39. 따뜻한츄르
    201229
  40. Gili
    201223 ✅
  41. 201213
  42. Seunghyuk Rodrigo Kim
    감사합니다
  43. switpotato
    20201122: 2차학습 완료
  44. 몽밍
    2020.11.10
  45. 켄드릭
    2020.10.29(목) 1차 학습완료
  46. jaehyunlee
    완료
  47. 오석민
    완료
  48. 박병진
    20200930완료
  49. 콜라
    20200926완료!
  50. 여니여니
    20200913 완료요~^^