마크업언어 썸네일형 리스트형 [HTML] Semantic HTML 이란? Semantic HTML 이란? Semantic HTML이란 직역하면 의미론적 HTML이다. 좀 더 풀어서 얘기를 해보자면, Element마다 의미가 있는 것을 뜻한다. 즉, Semantic elements가 된다. 이것은 브라우저와 개발자 모두에게 알려주는 것인데, Element 이름 자체에 의미가 있는 것이기 때문에, 웹 상에 좀 더 노출이 잘되는 것을 의미한다. 시맨틱 HTML으로 구성하기 전에는, ❮div❯와 ❮span❯으로 HTML을 구성했다. 단, 이 것은 어떠한 의미도 없는 태그다. Semantic HTML으로 구성해야하는 이유? 웹 사이트 개발이 완료되면 그 사이트는 웹 상에 노출되는데, 검색을 했을 때 바로 노출이 되지 않는다. 노출을 하기 위해서는 웹 사이트의 정보가 수집되어야 한다. .. 더보기 [CSS] 마크업 언어 CSS 기초 2020년 말, 대규모 프로젝트를 진행 중에 블로그를 시작해서 그런가 포스팅을 하지도 못하고, 나도 내 자신이 블로그를 시작했단 걸 깜빡했었다. 거두절미하고, 오늘은 Mark up Language의 CSS를 포스팅하려고 한다. CSS란? CSS란, Cascading Style Sheet의 약자로, 작년 8월에 포스팅했던 HTML(ㅋㅋㅋ)에 디자인적 구조를 입혀주는 마크업 언어다. 쉽게 말해, 집의 뼈대가 HTML이라면 집을 예쁘게 꾸미는 것이 CSS다. 웹 개발자는 크게 두 분류로 나뉜다. 프론트엔드(Front-End)와 백엔드(Back-End) 프론트엔드에서도 여러 분류로 또 나뉘는데, 마크업 언어는 보통 퍼블리셔(Publisher)에 해당한다. 하지만, 프론트엔드도 마크업 언어는 알아야하기 때문에 기.. 더보기 [HTML] 마크업 언어 HTML 기초 안녕하세요. developak입니다. 제 소개는 차차 하도록 하고, 첫 게시글인 만큼 웹 개발에 아주아주 기초적인 HTML을 이번에 다뤄볼까 합니다. HTML이란 HTML은 HyperText Mark-up Language의 약자입니다. 웹 페이지의 모습을 기술하기 위한 규약. 프로그래밍 언어가 아닌 마크업 언어라고 하는 언어라고 합니다. 여기까지 설명했던 것은 나무위키에서 가져온 내용입니다. 저도 알고 있는 내용이지만, 좀 더 정확하고 확실하게 알려드리기 위해서 가져왔습니다. 제가 느꼈던 바를 얘기해드리자면, 만약 개발 교육을 듣는다!라고 하면 가장 먼저 만나는 언어이기도 하구요. 이후에 차례차례 각 프로그래밍언어에 대해 설명하겠지만, 이번 시간엔 HTML을 얘기해볼까 합니다. 기본적으로 파일 형식(fo.. 더보기 이전 1 다음
