내가 너무 dev에 관한 포스트를 올리지 않아서

"흠.. 왜 안올려?"라며

 

생각하는 사람들이 있을것 같아서

가장 기초적인 HTML/CSS부터 해보기로했어

 

가끔 "이야.. 코딩할줄 아세요? 크으.. 어떤 언어로 프로그래밍을 하시나요?"

라고 물어본다면 아주 가~~~끔

"HTML이랑 CSS로 해요 : ) "

 

이러면 할말이 없어져.

 

대놓고 앞에서 "그건 프로그래밍 언어가 아닙니다".

"그건 코딩이 아니고 그냥 일을 하시는겁니다"

라고 할 순 없잖아 

 

다들 알아두어야 할게 HTML/CSS는 언어야!

무슨언어? 마크업언어!

 

이 친구들에 대해서 설명을 해볼게


 

마크업 언어는 태그 등을 이용하여 문서나 데이터의 구조를 나타내는 언어야

그러다 보니까 프로그래밍 언어라고 할 수가 없지.

 

사용법을 예로 들어 볼까?

 

<제목> HTML / CSS 포스트 </제목>

<내용> 역시 포스트는 캘로그지</내용>

<내용> 호랑이기운 쑥 쑥 </내용>

 

이런식으로 "얘는 제목임". " 아 쟤네는 내용임"

 

여기서 특징이 뭐야 ? 

1. <>안에 텍스트를 마크업 해주는거야

2. <> 내용 </ > 태그의 마무리는 항상 / 표시

어때 쉽지?


 

얘는 HTML의 스타일리스트라고 보면되는거야

얘는 스타일 시트라고 하는데

 

예를 들면 

구조는 이래

 

HTML이 원빈이라면

CSS가 스타일리스트야

 

원빈 = 원빈이지만

원빈 + 스타일리스트의 코디 = 개쩌는 원빈

이 구조가 되는거지

 

HTML은 정적이야 재미가 없어

근데 CSS는 막 이것 저것 넣고 옷입히다보니

재미있거든?

그래서 배울때 가장 신이나는 부분일 수도 있어

 


근데 왜 2가지를 한번에 배우냐

 

하나하나 세부적으로 배울거긴 한데

최종적으로는 두개를 응용하기도 할거야 ㅎㅎ

 

네모 반듯 윈도우 95 디자인보다

윈도우 10 디자인이 보기 좋잖아

 

그리고 한번에 배워야 이해도 쉬우니까  ㅎ_ㅎ

 

그럼 다음시간에는 HTML 요소들에 대해서 간략히 설명을 할게!

 

그러니 이 개념은 잊지말아

그럼 20000!

 

  1. Favicon of https://myguemi.tistory.com BlogIcon 심보리 2020.02.06 12:18 신고

    오.. 좋은 정보 배워갑니다!
    저는 GA를 공부중인데, 이번에 티스토리 시작하면서 처음 html을 만져봤어요!
    궁금한게 생기면 여쭈어 보겠습니다 ㅎㅎ

    • Favicon of https://kecoz.tistory.com BlogIcon kecoz 2020.02.06 12:37 신고

      감사합니다 : ) 도움되는 많은 정보 열심히 올려보도록 하겠습니다 ㅎㅎ

  2. Favicon of https://wootory.tistory.com BlogIcon 우스토리 2020.02.06 12:27 신고

    아주 궁금했던 내용들입니다 비유가 딱 제 수준에 맞네요 ㅎㅎㅎ 구독하고 가요!
    자주 놀러올꼐요 ^^
    좋은 하루 보내세요!!

    • Favicon of https://kecoz.tistory.com BlogIcon kecoz 2020.02.06 12:38 신고

      감사합니다 : ) 도움이 되셨다니 기분이가 너무 좋네요!ㅋㅋ 저도 우스토리님 블로그 가보니 저에게 도움되는 글들이 많아서 자주 방문하도록 하겠습니다 감사합니다 ㅎ

  3. Favicon of https://eehtl.tistory.com BlogIcon 말 그리고 말 2020.02.06 22:40 신고

    오 원빈과 코디 비유 찰떡같네요!!

    • Favicon of https://kecoz.tistory.com BlogIcon kecoz 2020.02.06 23:17 신고

      앗 ㅋㅋ 그런가요 !다행입니다 !😆

    • Favicon of https://kecoz.tistory.com BlogIcon kecoz 2020.02.18 12:47 신고

      앗 그런가요 ㅋㅋ 잘봐주셔서 감사합니다 또샤님😄👍👍

    • Favicon of https://kecoz.tistory.com BlogIcon kecoz 2020.02.18 12:47 신고

      난왜 또 댓글을 달았는가

  4. 알 수 없는 사용자 2020.02.18 12:30

    꼭 친구가 옆에서 팩폭 하는 글 같아요 ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ
    잘 봤습니다.

    • Favicon of https://kecoz.tistory.com BlogIcon kecoz 2020.02.18 12:47 신고

      ㅋㅋㅋ그렇군요 ㅋㅋ팩폭의 의도는 없었으나 ㅋㅋ 잘봐주셔서 감사합니다😄👍

  5. Favicon of https://myeonji-0519.tistory.com BlogIcon M.J_0519 2020.07.08 02:15 신고

    티스토리 시작하면서 처음으로 html을 접해서 뭘 어떻게 해야 될지 몰랐는데 차근차근 배워야겠어요. 이런 정보들 이해하기 쉽게 알려 주셔서 감사합니다. 복많이 받으세요^^