CSS기본기 익히기: 중요한 폰트 태그 정리 폰트가 무엇이냐에 따라 글의 성격이 달라질 수 있습니다. 폰트뿐 아니라 색과 자간, 정렬 등 다양한 요소로 화면의 분위기를 바꿀 수 있습니다. 그만큼 중요한 스타일링인 폰트 태그를 본 포스팅에서 정리해봤습니다. 폰트 스타일링 01. 폰트 태그 정리표 속성명 속성값 설명 font-weight normal 폰트를 보통 굵기로 표시합니다. bold 폰트를 굵게 표시합니다. font-size px 픽셀 단위로 폰트 크기를 설정합니다. rem 최상위 부모인 태그를 기준으로 폰트 크기를 설정합니다. em 부모 요소를 기준으로 폰트 크기를 설정합니다. font-family "폰트명" 폰트의 모양을 설정합니다. color 영문명 폰트 색상을 영어 색상명으로 표기합니다. #0..

폼태그란 웹 페이지에서의 입력 양식을 말합니다. 우리가 평소 로그인할 때 아이디와 패스워드를 기입하는 용도로 쓰이죠. 사용자가 기입한 정보를 백엔드서버로 전송해주는 역할을 합니다. 다양한 폼태그들을 사진과 함께 어떻게 사용되는지 확인해봅시다! 폼태그 01. 폼태그 속성 폼태그에는 name, action, method, target 등이 있습니다. 폼 속성을 이용해 입력한 값을 어디로 보낼 것인지 어떻게 보낼 것인지 정할 수 있습니다. name: 폼의 이름을 지정합니다. action: 폼 데이터가 전송되는 백엔드 url을 지정합니다. method: 폼을 서버에 전송할 http 메소드를 정합니다. (GET / POST) target: action에서 지정한 스크립트 파일을 다른 위치에 열도록 지정합니다. a..

어떤 바보라도 컴퓨터를 사용할 수 있다. 그래서 많은 사람들이 컴퓨터를 사용한다. (Ted Nelson, HTML을 만든 사회 과학자) 개념 정리 TAG 태그 태그는 브라우저가 웹 문서를 잘 이해할 수 있도록 콘텐츠를 목적에 맞게 분류한 규칙입니다. 내용 이처럼 여는 태그와 닫는 태그로 구성되어 있습니다. 닫는 태그는 슬래시(/)를 넣어서 구분합니다. 부모 태그 & 자식 태그 웹 문서를 구조적으로 분류하기 위해 부모태그 안에 자식 태그를 넣어서 정리해줍니다. 부모태그 밑에 자식태그를 들여쓰기하기 위해서는 TAB을 눌러주면 됩니다. 여기에선 과 이 부모태그고 그 안에 들여쓰기한 나머지 태그들은 자식태그입니다. HTML의 기본 구조 2021.10.14 - [나만의 웹사이트 만들기/VScode] - [01] ..