[목적] 홈페이지에 <a> 태그를 이용하여 하이퍼링크를 거는 방법을 익힌다. [이론] 다른 페이지로 이동을 위한 하이퍼링크는 <a> 태그를 사용하며 그 형식은 다음과 같다. <a href=”경로/파일명”>문자열</a> <a href=”프로토콜://서버이름/경로/파일명”>문자열</a> 위 형식에서 문자열은 브라우저상에 표시되는 내용으로 이 내용을 클릭하면 ‘<a>’ 태그의 ‘href’ 속성에 정의된 페이지로 이동한다. 첫 번째 형식은 현재 페이지와 동일한 서버에 존재하는 페이지로 이동할 경우 주로 사용하며,… Read More »
[목적] 브라우저에서 여러 줄에 걸쳐 문자열을 출력하는 방법을 배운다. [이론] 이전 실습 ‘한글 인코딩‘의 과제를 살펴보면 출력 결과가 위와 같으므로 ‘<body>’ ~ ‘</body>’ 태그 사이를 아래와 같이 작성한 HTML 코드를 생각할 수 있다. <!DOCTYPE html> <html> <head> <meta http-equiv=”Content-Type” content=”text/html; charset=UTF-8″/> <title>홈페이지</title> </head> <body> 안산대학교 인터넷정보과 홈페이지제작 </body> </html> 그러나 위와 같이 작성해 브라우저로 확인한다면… Read More »
[목적] HTML의 기본 구조에 대해 배운다. [이론] 일반적으로 홈페이지는 MSIE, FireFox, Chrome 등과 같은 브라우저를 통해 접속한다. 이 때 브라우저는 서버로 부터 HTML(Hyper Text Markup Language) 형식의 홈페이지 문서를 렌더링(해석)하여 사용자에게 보여준다. 따라서 홈페이지 작성의 가장 기본은 HTML이다. 이 글에서는 HTML의 기본형식에 대해 살펴보겠다. [HTML의 기본 형식] HTML은 태그(Tag)로 구성된 스크립트 언어다. 그러므로 HTML을 공부할… Read More »