Tag Archives: tag

하이퍼링크

[목적] 홈페이지에 <a> 태그를 이용하여 하이퍼링크를 거는 방법을 익힌다. [이론] 다른 페이지로 이동을 위한 하이퍼링크는 <a> 태그를 사용하며 그 형식은 다음과 같다. <a href=”경로/파일명”>문자열</a> <a href=”프로토콜://서버이름/경로/파일명”>문자열</a> 위 형식에서 문자열은 브라우저상에 표시되는 내용으로 이 내용을 클릭하면 ‘<a>’ 태그의 ‘href’  속성에 정의된 페이지로 이동한다. 첫 번째 형식은 현재 페이지와 동일한 서버에 존재하는 페이지로 이동할 경우 주로 사용하며,… Read More »

줄 바꾸기

[목적] 브라우저에서 여러 줄에 걸쳐 문자열을 출력하는 방법을 배운다. [이론] 이전 실습 ‘한글 인코딩‘의 과제를 살펴보면 출력 결과가 위와 같으므로 ‘<body>’ ~ ‘</body>’ 태그 사이를 아래와 같이 작성한 HTML 코드를 생각할 수 있다.

그러나 위와 같이 작성해 브라우저로 확인한다면 줄바뀜이 발생하지 않고 아래 그림과 같이 한 칸의 공백으로 구분된 단어들이 출력됨을 볼 수 있다.… Read More »

HTML 기본 구조

[목적] HTML의 기본 구조에 대해 배운다. [이론] 일반적으로 홈페이지는 MSIE, FireFox, Chrome 등과 같은 브라우저를 통해 접속한다. 이 때 브라우저는 서버로 부터 HTML(Hyper Text Markup Language) 형식의 홈페이지 문서를 렌더링(해석)하여 사용자에게 보여준다. 따라서 홈페이지 작성의 가장 기본은 HTML이다. 이 글에서는 HTML의 기본형식에 대해 살펴보겠다. [HTML의 기본 형식] HTML은 태그(Tag)로 구성된 스크립트 언어다. 그러므로 HTML을 공부할… Read More »