웹 개발 강의를 들으며 블로그에 배운 내용들을 토대로 정리하고, 남는 시간에 글을 쓰면서 뇌이징을 하는 시간을 가지면 굉장히 좋겠다는 생각이 들어서 이렇게 배운내용을 하나하나 나누어서 올려보려 한다. 나중에 내가 보게 될지는 모르겠지만 쓴다고 해서 손해 볼 건 없을 것 같다. 모든 html문서의 시작은 해당 문서가 어떤 문서 형식을 따르고 있는지 선언하는 것 부터 시작한다. 물론, 대소문자의 구별은 중요하지 않다. 다만, 선언이 된 것이 중요할 뿐이다. 아래와 같이 말이다. 예제코드이다. 위에 급조해서 본문에 아무것도 없는 예제코드에도 doctype, DTD(Document Type Definition)라고 하는 문서의 형식 정의가 삽입되어 있는 것을 볼 수 있다. 해당 문단이 없거나 잘못 작성되어있다면..

doctype는 문서 형식 선언(Document Type Declaration)의 줄임말이라고 볼 수 있고, SGML (Standard GeneralStandard Generalized Markup Language)이나 XML (Extensible Markup Language)를 기반으로 문서의 해석 가능성과 유효성을 검사하기 위해 문서 내에 삽입 되는 선언문이다. xml은 w3c에서 개발한 마크업 언어를 사용한 체계인데, 궁금한 사람은 아래 링크를 통해 어떤 곳인지 알아보자. https://www.w3.org/ World Wide Web Consortium (W3C) Upcoming: W3C Workshop on Permissions 12 October 2022 | Archive W3C announce..

태그는 이후에 작성되는 필수태그 중 하나로, 헤드의 내부에는 각종 메타태그들이 삽입된다. 먼저, 아래 코드를 살펴보도록 하자. 러프의 아카이브 이곳은 본문이 작성되는 위치입니다. 위에 필자가 작성한 기본 코드에는 여러 태그와 요소가 보인다. 하지만 이번 포스트에서 알아볼 것은 오직 head태그이다. 그렇다. 태그는 말 그대로 html의 머릿말 역할을 하는 것으로, 페이지의 검색어, SEO등에 활용되는 태그, 태그, 네이버 서치어드바이저의 봇 들이 들어가는 태그 등이 수도 없이 들어간다. 뿐만 아니라 페이지의 전체적인 모양을 꾸며주는 CSS의 내외부 링크, JS의 내외부링크 까지도 해당 태그 안에 들어가게 된다. 아래의 예제 코드를 보자 위의 예제에서 강조된 코드를 보면 와 같이 사용 되는데, 해당 코드 ..

태그는 아래와 같이 html문서의 맨 처음에 위치하며, 해당 문서의 버전, 호환성을 정의한다. DOCTYPE html> 제목 입력칸 위의 코드는 VScode로 DOCTYPE html> 태그는 선언하지 않았을 때, 완성된 Web이 오작동을 일으키거나, 이미지, 폰트가 깨지는 등의 이슈 가 생길 수 있기 때문에 반드시 작성을 해야 한다. 물론 DOCTYPE의 종류가 하나가 아니라 아래 보이는 것 처럼 수도 없이 많지만, 현재 가장 최신화된 버전인 html5를 가장 많이 사용한다. HTML5. 위 설명을 읽고나서 직접 작성을 하면서 의문이 들었던 적도 있었다. 나는 VScode를 사용중인데, 자동으로 입력 되는 코드들에 보면 html5가 아니라 단순히 html이 적혀있는 것을 처음 보고는 잘못작성 했거나 익스..

페이지의 제목 로 작성되는 페이지의 제목 부분입니다. 해당 요소에는 다른 태그가 적용되지 않지만, 네이버나 구글 검색엔진에서는 해당 코드로 seo(검색 최적화)를 진행한다고 합니다. 위에 사진 처럼 나름대로 작성하고, 이해한 내용을 정리해보았습니다. 물론 이것들은 기본이 되겠지만, 돌이켜볼 때 뭔가 뿌듯할 것 같고 그래서 올려놓는게 욕심이 나는건 어쩔 수 없나봅니다.

이번에 이번에 회사 업무를 하다가 우연히 웹을 만져야 하는 경우를 접하게 되어 html이라는 것을 처음 수정해보게 되었습니다. 굉장히 새로운 경험이었고, 그 동안 겪어보지 못한 즐거움이 있었습니다. 회사일을 마치고, 주말에는 시간을 들여서, 혹은 쉬는 시간에 간간히 코드들을 만지며 혼자서 배워나갈 생각입니다. 물론 긴 시간이 걸리겠지만, 그래도 지금처럼 흥미를 가지고 하다보면 언젠가는 제 프로젝트를 진행해볼 수 있는 날도 오지 않을까싶다. See the Pen HTML의 속성 by 93Sangjunlee (@93Sangjunlee) on CodePen. 위의 코드는 제가 W3School이라는 곳에서 html의 구성요소와 html의 선언과 head, title 등의 각 요소, html의 인코딩 설정의 작성..