HTML / 기본태그를 활용한 웹 페이지 틀 만들기
HTML / 기본태그를 활용한 웹 페이지 틀 만들기자 이제 앞서 공부한 것을 토대로 간단한 텍스트형 웹 페이지를 만들어 보겠다. 최종 목표는 기본 블로그 형태로 웹 페이지를 꾸미는 것인데, 아직 CSS를 배우지 않아서 불가능하다. 따라서 HTML5를 사용해서 기본 구조만 짜보려고 한다. 위와 같은 형태의 웹 페이지를 만드려고 한다. 일단 위 페이지의 레이아웃을 다음과 같이 단순화 시키고 분리한다. 이렇게 영역을 구분했으면 이 레이아웃을 행 기준(가로로 선을 그릴 수 있는 부분)으로 분리한다. 1. Header2. Navigation3. Section, Aside4. Footer 이제 공간 분할 태그 를 사용해서 레이아웃을 구분한다. 공간 분할(레이아웃 구분) 공간 분할을 완료했으면 안의 내용을 입력해준다..
HTML 기본태그 / 이미지 태그
HTML 기본태그 / 이미지 태그 안녕하세요 AimHo 입니다.이번에는 HTML 기본태그 네 번째 이미지태그에 대해 알아보겠습니다. 지금까지는 웹 페이지의 글자와 관련된 태그를 알아보았다면, 이번에는 이미지를 넣는 방법에 대해 살펴보겠습니다.위 타이틀도 이미지 태그가 사용된 예시라고 볼 수 있겠네요!이미지 태그는 나중에 알게될 멀티미디어 태그와 비슷하므로 꼭 기억하고 있어야 합니다.이미지 태그 이미지를 삽입할 때는 img 태그를 사용하는데 형태는 다음과 같습니다. 이 형태로 단독으로 사용하는데, 이미지에 필요한 정보(경로, 크기 등)는 이미지 태그의 속성에 입력합니다. 이미지는 직접 등록할 수 있고 아니면 인터넷에 존재하는 이미지의 경로를 넣어주어도 됩니다.직접 등록할 경우에는 HTML 페이지와 같은 폴..
