반응형

div 2

[HTML5강좌] 레이아웃 설정하기 (layout)

HTML5 레이아웃(layout) 설정하기 HTML5 본문 작성시에 가장 먼저 설정을 하여야 하는 것이 레이아웃(Layout)이 아닐까 합니다. 즉, 자신이 만들고자 하는 HTML문서의 외형을 어떻게 설정할 것인가 하는 것입니다. 집을 짓는 다고 가정을 하면, 정해진 공간에 방은 몇개, 주방, 욕실 등의 배치를 어떻게 할것이나 하는 것과 비슷하닥 생각을 하시면 됩니다. HTML문서도 동일하게 현재 개발하고자 하는 웹사이트의 주제에 맞는 전체적인 외형을 디자인을 하는 것입니다. 작가가 글을 쓸때도 서론, 본론, 결론 형식으로 글을 쓰는것과 같이 HTML문서에서도 header, body, footer 형식으로 나누는 것이 일반적입니다. header(헤더) 부분에는 웹사이트의 제목, 로고와 메인 메뉴(카테고리..

Web/Html 2015.01.19

DOM - getElementsByTagName

DOM의 구조에서 getElementById와 함께 엘리먼트를 가져올수 있는 또 다른 방법이 getElementsByTagName 이다. 일반적으로 ID를 사용해서 엘리먼트를 가져올 경우에는 ID는 문서내에서 유일하다고 생각해서 s가 붙지 않지만 TagName 의 경우에는 한 문서내에서 같은 Tag가 많이 사용되므로 반드시 s 가 붙는다. 따라서 getElementByTagName 가 아니라 getElementsByTagName 이다. 그리고 Tag의 경우에는 여러개가 있을 가능성이 있어서 보통의 경우 배열 형태로 엘리먼트를 가져온다. 사용예 function getElement() { var tag = document.getElementsByTagName("div"); alert (tag.length);..

Web/Dom 2008.03.23
반응형