Today, before we talk about HTML, I want to briefly talk about a required program to write HTML. HTML is a language, and ...

Hey HTML beginners! In the last post, we covered how to draw imaginary boxes to draw sections of content. Today, we wi ...

div 박스 아래에 삼각형을 표시하고 싶을 때, 사용할 수 있는 css 코드입니다. 세모를 표시하기 위한 여러 많은 방법이 많겠지만, 복잡하지 않게 적당히 쓸 수 있는 방법인거 같아서 찾아본 김에 정리해둡니다. 누군 ...

요즘 웹페이지에서 테이블을 만들 때 <table> 태그 보다는 CSS 를 이용한 grid를 많이 사용하고 있습니다.(자고 일어나면 새로운 기술이~ ㅜ_ㅜ)grid-template 으로 만든 div에 테이블 ...

CSS Grid 로 여러 DIV 를 한 줄로 표현한 후 짝수 행은 배경색이 없고, 홀수행은 배경색이 있는 등의 줄줄이 반복적인 색상표현을 하고 싶을 때 쓸 수 있는 방법입니다.Grid 로 테이블처럼 표현하기예제를 위 ...

폼 입력에서 JavaScript 로 포커스를 임의로 조정해야 할 필요가 종종 있는데, 예상치 못한 상황이 발생할 수 있어 기록해 둔다.폼의 첫번째 요소에 포커스 주기<form id="myform" action= ...

Essepage로 홈페이지를 제작하면서 백그라운드에 자동재생되는 영상을 삽입하려고 <video> 태그를 사용했는데… 사파리에서 재생이 안 되는 문제가 발생했습니다. 😩🎯 자동재생을 위해 시도한 것들일반적으 ...

Essepage에서 다른페이지에 링크를 지정하는 방법은 간단합니다.페이지 링크 걸기/about라는 페이지가 있다면, 다음과 같이 쓸 수 있습니다. HTML 표준 방법과 사용방법은 같습니다. 그러면 자동으로 Full ...

주말마다 끄적이는 개인 프로젝트가 하나 있습니다.웹페이지를 만드는 새로운 방식, 직접 코딩해서 웹페이지를 만드는 툴입니다.(물론 AI프롬프트를 이용한 바이브 코딩은 얼마든지 가능합니다.)“아니, 요즘 세상에 누가 코 ...

Essepage로 웹사이트를 만들기 위해 프로젝트를 시작하는 건 정말 간단합니다.템플릿 하나 고르고, 이름 정하고, 버튼 누르면 끝이거든요.‘템플릿’은 일종의 ‘시작 세트’ 같은 건데, 미리 만들어진 프로젝트를 ...