HTML & CSS

웹 개발을 공부하고 처음으로 나의 소개 페이지를 제작하였습니다. 확실히 공부만 하는 것보다 직접 제작하면서 공부하니 필요한 부분은 더 찾아보게 되고, 지금 무엇이 부족한 지 한눈에 알 수 있었습니다.저는 웹 페이지를 처음 만들어봐서 레이아웃의 중요성을 모르고 무작정 코

\-. h1~h4: 제목에 해당하는 글자를 지정할 때 사용하는 태그로 숫자가 작을수록 글씨가 크다\-. a: 링크를 지정할 때 사용하는 태그\-. ol: 순서가 있는 리스트를 작성할 때 사용하는 태그\-. ul: 순서가 없는 리스트를 작성할 때 사용하는 태그\-. li

.jpg) 이번에는 html 태그 중 form과 관련된 내용을 중심으로 알아보겠습니다. form: 사용자로부터 input을 받기 위한 태그 (함께 사용하는 속성 action="API주소", method="GET|POST") input: 데이터를 받을

.jpg) 지난번 form과 관련된 내용 중 input의 여러 속성에 대해 알어보았습니다. 이번에는 select&option, textarea, buttons에 대해 알아보도록 하겠습니다. form: 사용자로부터 input을 받기 위한 태그 (함께

.jpg) table: 데이터를 담은 표를 만들 때 사용 만드는 기본 원리: table태그로 시작하며 tr, th, td 태그를 사용하여 구성 -. tr: table row로, 표의 행(가로줄)을 만드는 역할 (기본값은 보통 글씨체, 왼쪽정렬) -. th: tabl

.jpg) Media Files 관련 태그 img audio -. 속성 controls, autoplay, loop -. source 따로 사용하는 방법 --> type 명시, 브라우저 별 지원하지 않는 형식의 파일이 있기 때문에 여러가지 형식의 오디오 파일을 첨부

HTML의 구조 이해를 위한 따라하기 연습 (마크업만 진행, CSS의 경우 강의 그대로 가져온 것입니다) 1) Breadcrumb & Pagination Breadcrumb: 빵부스러기로 표시한 길이란 핸젤과 그레텔에서 따온 용어로, 사이트나 웹 앱에서 유저의 위치

사이트에 이미지를 넣는 방법은 두 가지가 있습니다. a. 태그를 사용하는 것과b. 태그에 background-image 속성을 추가하는 것 두 가지 방법의 차이점과 각각 어떠한 경우에 사용하면 좋은지 설명해보세요⇒ 두 가지 방법 모두 보여지는 것은 동일하여 사용자는

position 속성 - relative, absolute, fixed inline, inline-block, block 에 대해서 float에 대해서