한시간만에 끝내는 HTML+CSS 입문

Поділитися
Вставка
  • Опубліковано 20 вер 2024
  • [개발자의 품격] 품격있는 개발자 되기!
    여러분이 HTML, CSS에 대한 이해를 돕기 위한 강좌입니다.
    HTML은 구조를 가지고 있고,
    HTML Element로 이루어져 있어요.
    그리고 Element의 속성을 관리하기 위해 Attribute를 쓰고요.
    Element의 디자인을 입히기 위해서 CSS, 즉 Style을 적용하게 되어 있어요.
    이렇게 하면 여러분들이 매일 이용하는 웹사이트가 되는 거예요.
    HTML에 대한 기본개념과 CSS선택자를 이용해서 CSS를 적용하는 방법에 대해서 알려드려요.
    #웹 #HTML #CSS

КОМЕНТАРІ • 112

  • @hyun638
    @hyun638 2 роки тому +25

    설명 쵝오!!!! 학교강의가 이해도 어렵고 지루해서 헤매다가 오아시스 발견! 감사합니다~~~^^

  • @기린-y1y
    @기린-y1y 2 роки тому +41

    고졸로 28살에 국비지원받아서 학원에서 4일동안 배워서 이해안됫는데 여기서 1시간만에 다배우고 갑니다 ㄹㅇ 일타강사 드디어 내가찾던 강사를 만난거같습니다

    • @익항옳
      @익항옳 2 роки тому +5

      아 ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ 국비지원 공감합니다.

    • @yangttimokjang
      @yangttimokjang 2 роки тому +3

      빨리 시작하고 빨리 알게되어서 부럽습니다
      전 44살....이제 시작하는데 재밌긴하네요
      적성을 너무 늦게 찾았어...
      응원합니다~~~@!!

    • @nana-f5e6u
      @nana-f5e6u Рік тому

      웹디
      배우세요??

    • @jooliel6292
      @jooliel6292 Рік тому

      ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ

    • @go_roo
      @go_roo 9 місяців тому

      저도요ㅜㅋㅋ

  • @nanalee1420
    @nanalee1420 3 роки тому +14

    왜 이분 구독자 수가 이거밖에 안되죠,,?ㅠ 외 않봐요,,?ㅠ 개발자의 품격님 덕분에 제 개발 품격이 0.0001정도 올라간것 같아요 정말 감사합니다.... 열심히 홍보하고 다닐게요 ㅠㅠㅠㅠㅠ 태어나서 처음으로 강의 영상에 댓글 달아봐요.. 정말 깔끔하게 필요한 것만 설명해주시네요.. 품격이 느껴집니다..

  • @씨씨-q6w
    @씨씨-q6w 4 роки тому +21

    굉장히 핵심 정확히 이해쉽게 설명하시네요 구독하고 갑니다
    서버개발바 입장서 한번쯤은 배운걸 굉장히 짧은시간안에 상기시켜 학습시간을 단축하며 실제 유용한 기능만 설명을 아주 잘하십니다. 추후 수만명 구독 예상해봅니다

    • @thegreat-programmers
      @thegreat-programmers  4 роки тому +2

      유용했다니 너무 기쁘고, 이렇게 좋은 말씀도 해주셔서 너무 감사합니다

  • @hyee_yaming
    @hyee_yaming 3 дні тому

    와! 처음부터 끝까지 다 봤습니다. 이번에 정보 디자인 수업을 들으면서 (3D 디자이너가 꿈이지만) 웹 디자인도 배우게 되어서 참 난감했는데 덕분에 개념부터 차근차근 알 수 있어서 너무 좋았던 강의입니다 👍👍👍👍 감사합니다 ㅎㅎ 생각보다 쉽군요 😍😍😍😍

  • @ktd79
    @ktd79 Рік тому +6

    대략적으로나마 html, css 를 읽을 수 있으면 좋겠다 해서 찾아본 강의인데 정말 제가 딱 원하던 강의네요! 궁금하던 부분들이 완벽히 풀렸네요! 초심자 입장에서 생각하시느라 고생많으셨을텐데 너무 감사드립니다!

  • @승승-q2v
    @승승-q2v 2 роки тому +7

    계속 돌려보면서 따라하니까 뭔가 성과가 바로 나는 거 같아서 재미있게 배울 수 있네요!
    30:00

  • @sy_1040
    @sy_1040 7 місяців тому

    쉬운 설명으로 핵심만 쏙쏙 가르쳐주셔서 정말 감사합니다! html css 하나도 몰랐는데 이 강의 덕분에 문맹 단계는 벗어난 것 같아요😸😸

  • @KJ-tl8ct
    @KJ-tl8ct Рік тому +2

    선생님 너무너무너무너무 감사합니다. 진짜 큰 도움이 되었어요. 개발자의품격님 채널을 알게되어 정말 좋네요^^

  • @jinjungjeong
    @jinjungjeong 8 місяців тому

    와.....대박...선생님 초보의 입장을 살펴주시는 강의 넘 넘 좋아요. 고맙습니다.^^

  • @querdy-n5c
    @querdy-n5c 6 місяців тому

    처음~: 이것저것 + element 가 무엇인지
    8:50 attribute랑 class style 등. 17:40 css 사용 20:30 event 40:00 css 사용법

  • @bangbange
    @bangbange 2 роки тому +1

    떡상하시길 바래요.. 너무 잘 뵜습니다. 이해가 쏙쏙돼요. 구독도 했음.... 복받으실거예요

  • @193-s2c
    @193-s2c 2 роки тому +2

    38:49 북마크
    HTML과 CSS를 쉽고 한번에 배울 수 있는 기회를 가질 수 있게 되어 감사하다는 마음 전하고 싶습니다~ 열심히 공부해보겠습니다 파이팅!

  • @bd4330
    @bd4330 2 роки тому

    감사합니다. git 관리 강의도 개발자의품격님 영상으로 배웠는데, 다른 강의도 정말 좋네요.

  • @정현-u8g
    @정현-u8g 3 роки тому +5

    차근차근 가르쳐주셔서 너무 좋았어요. 감사합니다. 많이 배우고 갑니다.

  • @optimusgalaxy2
    @optimusgalaxy2 Рік тому

    와우 강의 전달력이 엄청 나네요!!
    책이 별도로 필요없을 정도로 입문에 도움이 됩니다.
    최곱니다.....b

  • @user-anonimous272
    @user-anonimous272 22 дні тому

    잘 들었습니다. 감사합니다.

  • @robins1212
    @robins1212 4 місяці тому

    좋은 강의 감사합니다.

  • @travel_maker7755
    @travel_maker7755 3 роки тому +2

    진짜 너무 최고인것같아요
    많이 활동해주세요

  • @블레이드-v6g
    @블레이드-v6g 5 місяців тому

    좋은영상 장말 감시합니다~

  • @haenamee
    @haenamee Рік тому

    아주 도움이 많이 되었습니다. 자바스크립트 아주 기초 부분만 수강을 하면서 html, css 등을 필요한 부분만 대략 맛본 후 이 영상을 봤더니 아주 잘 정리되었습니다. 질문 하나 있는데요, 영상에서 ;으로 구분된 한 라인을 }까지 포함해서 각각의 라인으로 순식간에 바꾸는 부분이 있던데 단축키를 써서 하시는 것인지요? 고맙습니다.

  • @eundong2e
    @eundong2e 8 місяців тому

    와….오아시스 발견이 무슨 뜻인지 알 것 같네요 스승님 감사합니다

  • @ChuncheonDakgalbi
    @ChuncheonDakgalbi Рік тому +1

    옹골진 강의 감사합니다!!!!

  • @Yeonp
    @Yeonp 2 роки тому

    오랜만에 하려니까 기억안나서 검색했는데 감사합니다!!

  • @jooliel6292
    @jooliel6292 Рік тому

    핵심적인것만 설명해주셔서 👍

  • @user-xy3nz4oi3i
    @user-xy3nz4oi3i 2 роки тому +1

    감사합니다.

  • @조장현-s4m
    @조장현-s4m 2 роки тому

    너무 감사합니다~!

  • @cotngks1222
    @cotngks1222 Рік тому

    잘 봤습니다 중간중간 멈추며 실습해보며 하니 30분 더 걸리네요! ㅎㅎ

  • @rpm5904
    @rpm5904 7 місяців тому

    26:46
    개인기록
    40:00
    HTML 마무리 후 CSS 도입부

  • @user-jg2nc6kl9hbv
    @user-jg2nc6kl9hbv Рік тому

    유익한 영상 감사합니다😊
    26:00 33:15 41:12

  • @kimjunho3288
    @kimjunho3288 Рік тому

    설명 너무 잘하시네요!! 아예 처음 접하는 저도 바로 이해를 할 수 있었습니다 감사합니다!!!

  • @거누킴-w5r
    @거누킴-w5r Рік тому

    감사합니다😊

  • @hunjo8914
    @hunjo8914 2 місяці тому

    이거 듣고 구독하였습니다.

  • @bibi-l6v
    @bibi-l6v Рік тому

    영상 감사합니다! 공부하는데 도움 돼요
    19:57

  • @1112-v4g
    @1112-v4g 2 роки тому

    너무 좋습니다

  • @백지수-l7v
    @백지수-l7v Рік тому

    진짜재밌어요

  • @lamp1358
    @lamp1358 3 місяці тому

    마크 24:59

  • @fish_jung
    @fish_jung Рік тому

    설명감사합니다

  • @일구구오-o6y
    @일구구오-o6y 2 роки тому

    선생님 감사합니다

  • @김병철-f8u
    @김병철-f8u 2 роки тому

    먼저 좋은강의 감사합니다 목소리도 듣기 좋은 목소리라 귀에 잘 들어와요 혹시 맥북으로 따라가는 중인데 카피패스 한 다음 주소창에 복사하면 안들어가져요ㅠ

  • @Biginer01
    @Biginer01 2 роки тому

    안녕하세요 혹시 레드 컬러 눌렀을때
    색깔 찍어서 고르는것도 확장프로그램 설치해야하나요? 저는 마우스 갔다 댔는데 안나와서요
    어떤 확장프로그램인지 알려주시면 감사하겠습니다!

  • @hadaniel611
    @hadaniel611 2 роки тому

    37:00 다시 보러오겠습니다 ㅎ

  • @unnitips
    @unnitips Рік тому

    안녕하세요! 그 혹시 비쥬얼스튜디유 플러그인셋팅하는 방법은 어떤 영상에서 공부할 수 있을까요?

  • @홍-m2b
    @홍-m2b 2 роки тому

    감사

  • @Anypig_DDady
    @Anypig_DDady Рік тому

    처음 파일 생성할때 HTML 시트만드는법과 css시트 만드는법이 안됩니다... 어떻게해야할까요.

  • @leeleeleel2e2le2
    @leeleeleel2e2le2 Рік тому

  • @helloworld2806
    @helloworld2806 2 роки тому

    32:21 북마크

  • @박진효-w2v
    @박진효-w2v 2 місяці тому

    42:26

  • @user-zc3uq6fs1q
    @user-zc3uq6fs1q 4 місяці тому +1

    20:00

  • @이수현-d2o
    @이수현-d2o Рік тому

    27:10 40:10css

  • @user-lx3zd9bx3b
    @user-lx3zd9bx3b 27 днів тому

    32:20

  • @튜-e5k
    @튜-e5k Рік тому +1

    30:34 에서 병렬을 3줄로 어떻게바꾸나요?

  • @SEA-SHELL0206
    @SEA-SHELL0206 Місяць тому

    27:13

  • @Bon_you
    @Bon_you 2 роки тому

    32:36 태그 끝에서 두 번 복사하시는데 단축키가 어떻게 되나요??

  • @훈나미
    @훈나미 2 роки тому +1

    선생님
    Open in default browser가 없는데 어디에 있나요?

    • @thegreat-programmers
      @thegreat-programmers  2 роки тому +1

      비주얼스튜디오코드 확장 프로그램 설치하셔야해요

    • @고민-h1z
      @고민-h1z 2 роки тому +1

      @@thegreat-programmers 어떤확당프로그램을 설치하나요

    • @user-bt1vz7is5y
      @user-bt1vz7is5y Рік тому +1

      Open browser Preview 다운받아서 쓰면 되네용

  • @bongpal_the_cat
    @bongpal_the_cat 2 роки тому +1

    20:16

  • @llllllllllllIllI
    @llllllllllllIllI Рік тому

    23:46

  • @OwnAcount530
    @OwnAcount530 2 роки тому

    책갈피
    38:09

  • @whatdiffent
    @whatdiffent 2 роки тому

    17:43

  • @ms.7127
    @ms.7127 Рік тому

    9:23

  • @아연-d5w
    @아연-d5w Рік тому

    00:10

  • @유리컵-n9t
    @유리컵-n9t Рік тому

    음, 영어 있으니까 엄청 어려워보인다앙~~ 그래도 설명은 남자 세계 랭킹 1등 ㅎㅎㅎ 이해를 해버렸음당

  • @taehoonryu6717
    @taehoonryu6717 2 роки тому

    저 왜 css 파일이 링크가 안되죠

    • @ejrghksdl
      @ejrghksdl 2 роки тому

      저두안되네요

    • @소라-u9u
      @소라-u9u 2 роки тому

      style.css 파일 만드시고, 복사하실 때
      까지 복사하셨는지 확인해보세용

    • @geumgwanlee7012
      @geumgwanlee7012 2 роки тому

      style.css파일도 저장하셔야 되요!

  • @less0215
    @less0215 2 роки тому

    CSS 시작 40:11

  • @람브
    @람브 10 місяців тому

    47:00

  • @nametjd4610
    @nametjd4610 2 роки тому

    25:43

  • @호구주스
    @호구주스 Рік тому

    20:40

  • @설탕-v5r
    @설탕-v5r 2 роки тому

    26:00

  • @Zzzzz-ce8iu
    @Zzzzz-ce8iu 2 роки тому

    40:20

  • @jihoshin2000
    @jihoshin2000 2 роки тому

    5:07

  • @황금올리브치킨-c9s
    @황금올리브치킨-c9s 2 роки тому

    16:40

  • @웅이-v1r
    @웅이-v1r 2 роки тому

    20:53

  • @Do_Won_
    @Do_Won_ 2 роки тому

    41:05

  • @versatile_
    @versatile_ Рік тому

    36:47

  • @uoiytrw_uoi
    @uoiytrw_uoi 2 роки тому

    31:18

  • @어쩔-c6c
    @어쩔-c6c 2 роки тому

    14:15

  • @김두루치기-f3g
    @김두루치기-f3g Рік тому

    40:09

  • @이참빛-i1v
    @이참빛-i1v 2 роки тому

    36:54

  • @방지혁-f4y
    @방지혁-f4y 2 роки тому

    18:00

  • @dakiworld
    @dakiworld 2 роки тому

    36:33

  • @user-eg1ik5mc6r
    @user-eg1ik5mc6r 2 роки тому

    20:23

  • @Egg..........
    @Egg.......... 3 роки тому

    20:10

  • @a--------a5838
    @a--------a5838 8 місяців тому

    27:15