내가 너무 dev에 관한 포스트를 올리지 않아서
"흠.. 왜 안올려?"라며
생각하는 사람들이 있을것 같아서
가장 기초적인 HTML/CSS부터 해보기로했어
가끔 "이야.. 코딩할줄 아세요? 크으.. 어떤 언어로 프로그래밍을 하시나요?"
라고 물어본다면 아주 가~~~끔
"HTML이랑 CSS로 해요 : ) "
이러면 할말이 없어져.
대놓고 앞에서 "그건 프로그래밍 언어가 아닙니다".
"그건 코딩이 아니고 그냥 일을 하시는겁니다"
라고 할 순 없잖아
다들 알아두어야 할게 HTML/CSS는 언어야!
무슨언어? 마크업언어!
이 친구들에 대해서 설명을 해볼게
마크업 언어는 태그 등을 이용하여 문서나 데이터의 구조를 나타내는 언어야
그러다 보니까 프로그래밍 언어라고 할 수가 없지.
사용법을 예로 들어 볼까?
<제목> HTML / CSS 포스트 </제목>
<내용> 역시 포스트는 캘로그지</내용>
<내용> 호랑이기운 쑥 쑥 </내용>
이런식으로 "얘는 제목임". " 아 쟤네는 내용임"
여기서 특징이 뭐야 ?
1. <>안에 텍스트를 마크업 해주는거야
2. <> 내용 </ > 태그의 마무리는 항상 / 표시
어때 쉽지?
얘는 HTML의 스타일리스트라고 보면되는거야
얘는 스타일 시트라고 하는데
예를 들면
구조는 이래
HTML이 원빈이라면
CSS가 스타일리스트야
원빈 = 원빈이지만
원빈 + 스타일리스트의 코디 = 개쩌는 원빈
이 구조가 되는거지
HTML은 정적이야 재미가 없어
근데 CSS는 막 이것 저것 넣고 옷입히다보니
재미있거든?
그래서 배울때 가장 신이나는 부분일 수도 있어
근데 왜 2가지를 한번에 배우냐
하나하나 세부적으로 배울거긴 한데
최종적으로는 두개를 응용하기도 할거야 ㅎㅎ
네모 반듯 윈도우 95 디자인보다
윈도우 10 디자인이 보기 좋잖아
그리고 한번에 배워야 이해도 쉬우니까 ㅎ_ㅎ
그럼 다음시간에는 HTML 요소들에 대해서 간략히 설명을 할게!
그러니 이 개념은 잊지말아
그럼 20000!
'Lang [ ] studying = { > HTML_CSS' 카테고리의 다른 글
[HTML] HTML table, div 태그의 비교 ( 레이아웃의 변화 ) (21) | 2020.02.14 |
---|---|
[HTML] HTML table 만들기! (22) | 2020.02.14 |
[HTML] 목차, 순서태그! 한번 쉽게 알아보자! (10) | 2020.02.10 |
[HTML] HTML 텍스트 태그를 알아보자! (12) | 2020.02.10 |
[ HTML/CSS ] HTML의 개념을 배워보자! (6) | 2020.02.07 |