html_header_main_footer
이번 포스팅은 html에서 레이아웃을 정할때, 많이 쓰이는 태그들중에서 header, main, footer태그에 대한 내용입니다. 필자만의 생각을 담은 포스팅이니 확인해 보시고, 각자의 맞는 태그를 사용하면 됩니다. html에서 레이아웃을 정의하는 방법은 여러가지가 있습니다. 그중에서 두가지를 언급하겠습니다. 하나는, html5 이전시대에도 많이 쓰였고, 요즘에도 많이 쓰이고 있는 div태그와 id를 사용하는 방법과, 두번째는 html태그의 레이아웃 태그를 사용하는 방법이 있습니다. div를 활용해서 레이아웃을 만들때는, id를 별로도 정의해서, style을 div별로 따로따로 주어서 화면을 꾸며야 합니다. 하지만, header, main, footer로 이루어진 html의 구성에서는, 태그만으로 스타..
2020. 12. 21.
html_li_ul_ol_태그
이번 포스팅은 html중에서, 리스트를 표현하는 태그인 li, ul, ol에 대한 내용입니다. 웹문서를 보다보면 아래의 화면과 같은, 요소들을 많이 보셨을 것입니다. 필자는 about google의 상단부분을 예로 들겠습니다. 구글 어바웃의 상단 화면의 소스를 보면, 아래의 이미지와 같습니다. ul, li, ol은 html로 웹을 표현할때, 일반적인 리스트를 나타내는것과, 위의 화면과 같이 카테고리 메뉴의 기능을 하는 것에도 많이 쓰입니다. 스크립트의 표현 방법이 세월이 갈수록 발전을 하여, 요즘은 다른 방식으로도 카테고리 메뉴와 리스트를 표현하는 방식도 있다고 합니다. ul, li, ol은 상단과, 본문 내용을 표현하는 것뿐만이 아니라, 하단요소의 다양한 메뉴들을 표현하는데도 쓰입니다. 예를들어서, 이..
2020. 10. 14.
html_br_img_alt
이번 포스팅은 html의 , , 태그에 대한 포스팅입니다. ● 지난번 포스팅에서, 태그 내에 들어가는 text 콘텐츠들의 문단을 나누기 위해서는, 태그를 사용한다고, 다루었습니다. 문단을 나누는것은 text들 뿐만이 아닌, 여러가지 요소에서 필요로 합니다. 이미지 요소나, 기타 다른 태그들이 뒤섞여 있을때, 구분을 쉽게 하기위해서, 사이를 띄우거나 문단을 나눌 필요성이 있습니다. 구분을 위한 문단 나누기를 하는 방법으로는 여러가지가 있습니다. 그중에서 가장 쉽고, 흔한 방법은 바로 태그 입니다. 은 열고 닫는 형식의 태그와는, 다르게 단독으로 쓰여집니다. 본문태그 내에서 한줄을 띄워주기 위해서 아무리 엔터를 쳐도, 웹브라우저 상에서는 표현이 안됩니다. 반드시 태그로 "이 곳의 다음 요소부터는 아래줄에 표..
2020. 9. 2.