(4) 언어인데 언어가 아닌 언어, HTML

데인·2022년 10월 26일
1

Study with Me

목록 보기
4/12

이 밈이 말하는 것.. "HTML은 프로그래밍 언어가 아니라고!!!!!"

그동안 반복문, 조건문에게

"넌 아직 멀었다 애송이, 더 수련해와라"

라는 메세지를 얻고 괴로워하던 내게 다가온 HTML..
이걸 배우다 보면 체크박스도 구현하고, 라디오도 구현하고, 이런 거 저런거 구현해서 실제로 눈으로 구현한 걸 확인하면 이런 생각이 든다.

어쩌면.. 이거.. 내 적성에 맞을지도..!! 앞으로 계속 이렇게만 간다면 나 자신있어!!!

과연 그럴까..?
아무튼 복습 시작.


HTML?

TAG들의 집합, 트리구조로 쓰여지는 HTML!
HTML은 Hyper Text Mark Up Languege로서 '뼈대가 되는 문서'라고 볼 수 있다.
웹사이트는 세 가지 언어로 이루어져 있는데 html, css, js가 그 것이라고 할 수 있겠다.
이를 그림으로 비유하자면

HTML = 스케치 / CSS = 색칠 / JS = 동적구현 (애니메이션화 함) 로 말할 수 있지 않을까..?

TAG?

앞서 말했듯 html은 수 많은 태그들의 집합으로 이루어져 있는데
div, span, header, section, img, a ul & ol & li, input, textarea, button, p 등 다양한 태그들과

이 태그 안에 들어가는 href, src, target, placeholder, name 등의 속성을 사용한다.

sementic?

특히 html을 작성할 때 중요한 것은 '의미'를 두어야 한다는 것.
이유1. 검색엔진이 웹사이트를 선택하는 기준이 된다.
이유2. 팀 프로젝트시 서로 따로 이야기하지 않아도 코드블럭을 찾고, 코드를 예측하기에 도움이 되는 무언의 약속같이 기능한다.

<header>
<h1>여기엔 대 주제가 들어간다<h1>
</header> //여기까지 제목부분이라는 의미이다.

개인적으로는 시각장애가 있는 지인이 있는데 웹사이트에서 텍스트리더를 사용하면 원하는 부분을 읽기가 힘든 경우가 종종 있다고 했는데 이게 웹사이트 작성자가 시멘틱요소를 지키지 않았기 때문이라고 생각한다.

etc

https://www.w3schools.com/html/ 에서 html에 대해 더 공부하고 알아보자.

profile
너무나 바쁜 걸 아직 갈 데가 많아 난. 호기심 가득한 세상을 다 펼쳐볼거야. Chase Me! - Dreamcatcher

0개의 댓글