이번에는 HTML문서를 어떻게 연결하는지 알아보도록 하겠습니다!! 한 문서에서 다른 문서로 이동할 때는 태그(anchor)를 이용합니다. 내용 와 같은 방식으로 사용됩니다. href는 필수 속성값이며 이동할 문서의 URL을 표시합니다. 태그를 설정하면 내용이 파란색깔로 변함과 동시에 밑줄이 쳐지는데 이 내용을 누르면 href에 표시한 부분으로 이동하게 됩니다. href를 지정할 때 문서의 경로를 전체 다 표시하는 절대 경로와 축약해서 표현하는 상대 경로가 있습니다. 절대경로는 어떤 웹페이지나 문서의 고유한 경로를 뜻하며href="https://www.w3schools.com/tags/att_a_target.asp"나 href="C:\Users\hp\Deskto\web-programming\index.ht..
지금까지 HTML 문서의 기본 구조와 뼈대를 이루는 핵심 태그들에 대해 알아보았습니다. 이번 포스팅에서는 HTML 태그 중 텍스트를 나타내는데 사용하는 태그들에 대해 살펴보겠습니다. 문단() 문단(paragraph)을 나타내는 태그는 로 나타낼 수 있습니다. HTML은 엔터, 공백, 탭을 무시합니다. 따라서 문단을 작성하기 위해서는 를 이용하여 하나의 문단이 어디까지인지 분명히 밝혀야합니다.하나의 완성된 문장으로서 전후 문단과의 구분을 위해 약간의 여백을 삽입하여 줍니다. 문단과는 달리 빈 줄만 삽입하고 싶을 때는 을 사용합니다. 은 홀태그이므로 닫는 태그는 존재하지 않습니다. 그저 단순한 줄바꿈을 할때 사용하는 태그입니다. 제목(~)제목을 나타내는 태그로는 부터 까지의 태그를 이용할 수 있습니다. 제목..
HTML의 Elements는 부모-자식의 tree 구조로 이루어져 있습니다. 아래의 사진을 함께 봅시다. ※ 위 사진은 Atom 편집기에서 html태그를 생성하면 자동으로 완성됩니다.(저번에 HelloWorld!를 출력하기 위해 작성한 를 제외) 대부분의 HTML문서를 보면 , , , 가 있음을 볼 수 있습니다. 위 사진에도 html태그를 추가하여 자동으로 완성된 태그들(, , , , , )과 저번에 작성한 태그가 있습니다. 여기서 보면 태그가 와 를 감싸고 있으므로 와 의 부모 태그가 되는 것을 볼 수 있습니다. 태그는 자식으로 와 을 가지고 있습니다. 에는 가 자식으로 가지고 있습니다. 물론 이렇게 , , 등 주요 태그를 작성하지 않고 태그만 이용하여 작성해도 HTML5에서는 출력이 되지만 이 경우에..
지난 포스팅까지 HTML이 어떤 언어인지와 HTML Element와 그 구조에 대해서 살펴보았습니다. 이번 포스팅에서는 Element의 요소인 Tag에 대해서 포스팅하고자 합니다. 태그? 태그는 Element를 구성하는 HTML에서 없어서는 안 될 요소입니다. 대표적인 태그로는 , , , , 등이 있습니다. 태그는 일반적으로 여는 태그와 닫는 태그를 사용하지만 닫는 태그가 없는 홀태그도 존재합니다.(ex. , 등이 홀태그로 사용된다.)홀태그는 과 같이 써도 문법적으로 무방하지만 홀태그임을 분명히 하기 위하여 로 '/'를 끝에 붙여준다. HTML5에서 태그는 대문자로 써도, 소문자로 써도 적용이 가능하지만 XHTML과의 호환을 위해서는 가급적 소문자로 쓰는 것이 좋습니다. 태그의 속성 태그는 브라우저에게 ..
