DigitalNomad

HTML의 구조에 대해 알아 보겠습니다. 큰 구조는 여기서 끝입니다 HTML5임을 선언합니다. head엔 사용자에게 드러나지 않는 요소들이 적힙니다. 웹 템플릿은 이거, 폰트는 저거 등 "이런 라이브러리와 컴포넌트를 사용하겠다"라고 컴퓨터에게 전달하죠. 네이버, 구글 검색엔진 봇이 어떤 웹페이지인지 판단하는 근거도 제공합니다. (검색엔진최적화 SEO라고 합니다.) body엔 사용자에게 드러나는 요소들이 있습니다. 직접 사용자가 눈으로 보는 요소들이죠. 배경색은 이거, 버튼엔 제출하기라고 적히고 모서리가 살짝 둥글면 좋겠어 내용은 이런걸 써볼까?? CSS는 HEAD에 JavsScript는 BODY 제일 밑에 쓰는게 좋습니다 구조를 꾸미는 CSS를 먼저 불러와 당장 사용자에게 보여주고 동적인 처리를 처리하는..

CSS는 Cascading Style Sheets의 줄임말로 구조를 맡는 HTML, XML, XHTML을 꾸며주는 언어입니다. 웹페이지를 이쁘게 꾸미려면 꼭 필요한 녀석이죠.

HTML은 마크업 언어로 문법 오류에 관대합니다.(참조 - http://digital-nomad-plz.tistory.com/1) 내용 여는 태그()로 시작해 닫는 태그()로 닫으면 됩니다. 내용 nomeaning이 가능한 것 처럼 tag엔 여러가지 문자가 들어갈 수 있습니다.(기호는 생각해보지 않았네요) Semantic 구조 HTML은 여기에서 시작합니다. 봇과 인간 모두 읽기 쉬운 형태로 HTML 구조를 만듭니다. 구글과 네이버 검색엔진이 제 블로그를 판단할 때 이용합니다. 모두 태그로 짜기 보단 Semantic하게 짜면 읽기 쉽겠죠? Element 관련해 참조하면 좋은 웹들 입니다 Semantic Element 정리 : https://www.w3schools.com/html/html5_semanti..

웹 사이트를 만드는 데 사용되는 언어인 HTML에 대해 알아볼까요? HTML은 Hyper Text Markup Language의 약어입니다. 하나씩 뜯어가 봅시다 1. Hyper Text는 World Wide Web 즉 인터넷 의 핵심 개념 중 하나이며, 하이퍼텍스트는 인터넷 상에서 구현되어 정보를 쉽게 사용하고 공개할 수 있게 해 줍니다. https://www.naver.com 위의 형식의 하이퍼링크를 통해 다른 텍스트에 접근합니다. 다들 많이 해보셨죠? 2.Markup Language는 일반적인 프로그래밍 언어완 다릅니다. 웹 페이지의 모습을 기술하기 위한 약속이죠. 프로그램들은 한 글자만 틀려도 돌아가지 않지만 마크업 언어는 문법 오류에 관대합니다. 자세한 사항은 다음 포스트에 설명 하겠습니다. 2..