choco's story

목록목록이란?: 서로 연관 있는 항목(item)들을 나열한 것을 의미.html 문서에서 목록은 "순서 없는 목록"과 "순서 없는 목록"으로 구분합니다.Unordered List공부하기운동하기독서하기Ordered ListHTMLCSSJavaScript각 리스트 종류마다 사용하는 태그는 다음과 같습니다.순서가 있는 목록 (Ordered List) : ~ 순서가 없는 목록 (Unordered List) : ~ 각 항목을 나타내는 태그는?리스트 내부의 각 항목들은 ~ 태그를 사용합니다.이 태그는 리스트의 종류에 상관없이 둘 다 공통으로 사용하는 태그입니다. ~ 태그를 감싸는 상위 태그가 무엇이냐에 따라 각 항목의 기호가 달라지는 원리입니다.목록 만들기 예시 오늘 할 일 ht..

링크링크의 개념링크(Link)란?: 현재 문서에서 다른 문서로 이동할 수 있는 수단 ex) 외부 링크 클릭 시 해당 페이지로 이동...링크 = anchor (a 태그) ~ 태그란?: href 속성으로 특정 URL을 지정하여 하이퍼링크를 만들 수 있는 태그해당 a 태그는 인라인 요소입니다. 내부 콘텐츠(텍스트나 이미지...)를 클릭하면 지정된 URL로 이동하게 됩니다. 태그의 기본 구조는 다음과 같습니다. 콘텐츠 (텍스트 또는 이미지...) href="URL" : 하이퍼링크가 될 URL콘텐츠 : 사용자가 클릭하는 콘텐츠어떤 탭에서 열까?링크 클릭 시, 기존 탭에서 이동하거나 아예 새로운 탭을 통해 이동하는 방법 2가지가 있습니다.이는 target 속성을 통해 지정 가능합니다. 기본값은 현재 탭에서 이동..

컨테이너 태그컨테이너 태그란?: 콘텐츠나 레이아웃에 아무런 영향을 주지 않고, 여러 요소들을 묶어 관리하기 편하게 해주는 태그보통의 개발자들은 콘텐츠 내용을 구분하거나 공통적인 스타일을 적용할 때 컨테이너를 사용합니다.아래 두 가지 태그가 컨테이너 역할을 하는 태그들입니다. ~ : 블록 레벨 컨테이너 ~ : 인라인 레벨 컨테이너직접 코드를 작성해보며 컨테이너 영역이 어떤 식으로 이루어지는지 확인해보도록 하겠습니다.컨테이너 영역 예시 컨테이너로 영역 구분 - 블록 레벨 블록 레벨 영역 내부 컨테이너로 영역 구분 - 인라인 레벨 인라인 레벨 영역 내부 이 문단 텍스트에서 인라인 레벨 영역은 이 부분입니다. ..

img 태그img 태그란?: .html 문서에서 이미지를 표시할 때 사용하는 단일 태그.html 문서에서는 이미지를 넣을 때도 태그를 사용합니다.img 태그는 단일 태그로 콘텐츠를 적지 않는 대신, 해당 태그의 속성에 삽입하려는 이미지에 대한 정보를 주어야 합니다.img 태그의 기본 형태는 다음과 같습니다.여기에 추가로 width, height 등의 너비와 높이 옵션도 추가하여 이미지의 크기와 높낮이를 조절할 수 있습니다.여기서, 너비와 높이는 각각 픽셀(px) 단위입니다!이미지 넣기 예시 웹 브라우저에 이미지 표시하기 width = 너비, height = 높이 img 태그에 지정한 크기대로 이미지가 나타나는 것을 알 수 있습니다.+ alt 속성은 왜 쓸까?alt는 al..