HTML 기본태그 / 공간 분할 태그
HTML 기본태그 / 공간 분할 태그 안녕하세요 AimHo 입니다.이번에는 HTML 기본태그 다섯 번째 공간 분할 태그에 대해 알아보겠습니다. 과거에는 공간 분할 태그를 사용하지 않지만, 현대 웹 페이지는 공간 분할 태그를 사용하여 웹 페이지를 나눕니다.공간을 분할해야 추후 배우게될 CSS로 원하는 레이아웃을 구성할 수 있기 때문입니다.이해를 돕기 위해 네이버 메인 페이지를 통해 어디에 사용되는지 찾아보겠습니다. 공간 분할 태그는 형태로 사용합니다.네이버 메인 페이지는 약 315개의 div태그를 사용합니다.자주 사용되는 태그이니 반드시 기억해야 합니다! 기본 공간 분할 태그 HTML5의 대표적인 공간 분할 태그는 div와 span입니다. div 태그는 공간을 블록(block) 형식으로 분할하고 span ..
HTML 기본태그 / 이미지 태그
HTML 기본태그 / 이미지 태그 안녕하세요 AimHo 입니다.이번에는 HTML 기본태그 네 번째 이미지태그에 대해 알아보겠습니다. 지금까지는 웹 페이지의 글자와 관련된 태그를 알아보았다면, 이번에는 이미지를 넣는 방법에 대해 살펴보겠습니다.위 타이틀도 이미지 태그가 사용된 예시라고 볼 수 있겠네요!이미지 태그는 나중에 알게될 멀티미디어 태그와 비슷하므로 꼭 기억하고 있어야 합니다.이미지 태그 이미지를 삽입할 때는 img 태그를 사용하는데 형태는 다음과 같습니다. 이 형태로 단독으로 사용하는데, 이미지에 필요한 정보(경로, 크기 등)는 이미지 태그의 속성에 입력합니다. 이미지는 직접 등록할 수 있고 아니면 인터넷에 존재하는 이미지의 경로를 넣어주어도 됩니다.직접 등록할 경우에는 HTML 페이지와 같은 폴..
HTML 기본태그: 글자 태그
안녕하세요 AimHo 입니다. 이번엔 HTML 기본태그 중 하나인 글자태그에 대한 글을 작성하였습니다. 타이틀 사진에는 글자태그 중심의 웹페이지를 가장 잘표현한 홈페이지인 위키피디아의 사진을 사용하였습니다. 글자태그는 말 그대로 웹에서 보이는 모든 text를 다루는 태그들입니다. 제목 글자 태그부터 본문 글자 태그 하이퍼링크 태그, 글자 모양 태그까지 다뤄보도록 하겠습니다. 원래 이미지까지 포함해서 모든 기본태그를 다루려고 했으나 양이 많아서 따로 나눠서 진행하도록 하겠습니다.제목글자태그 문서의 제목을 표현할 때 사용하며 각 태그에서 h는 Heading을 의미합니다. 본문글자태그 문서의 내용을 표현할 때 사용하며 p 태그를 사용하여 입력합니다. p 태그는 Paragraph를 의미하며 문단 하나를 생성합니..
