html_input_type
html input 타입중에 button에 대한, 지난번 포스팅에 이어서 이번 포스팅에서는, 나머지 input 타입에 대해서 알아보도록 하겠습니다. html태그 중에서 사용자로부터 정보를 입력받고, 어떠한 기능들을 담고 있는 input태그의 type들은 아래와 같습니다. checkbox, color, date, datetime-local, email, file, hidden, image, month, number, password, radio, range, reset, search, submit, tel, text, time, url, week input태그의 기본적인 표기방법은 아래와 같습니다. 별도의 열고 닫는 태그가 없는, 단독 태그로 사용하고 싶은 타입을 type안에 적어주면, 인풋타입을 사용할 ..
2020. 12. 8.
html_iframe 활용하기(파일 인크루드 include)
이번 포스팅은, 지난번에 iframe에 대한 내용의 후속편인 iframe 활용하기 입니다. iframe은 html문서내에, 다른 html문서를 특정한 부분에 보여지게 하는 기능입니다. index파일 하나만 작성하건, 파일의 길이가 짧을 경우에는 굳이 iframe을 사용할 필요가 없습니다. 하지만, 우리들이 html코딩을 하다보면, 항상 index파일의 길이가 짧거나, 문서 하나로 사이트를 만들 수 없다는것을 알게 됩니다. 그럴때는 파일의 수정을 용이하게 하고, 좀 더 효율적인 업무작업을 하기 위해서 include방식인 iframe을 html에서는 사용하게 됩니다. 예를 들어서, 사이트 하나가 만들어질때 top의 영역, side영역, body영역, footer영역으로 나누어서 관리하려고 할때, iframe..
2020. 11. 11.
html_iframe
이번 포스팅은 html에서 외부페이지를 내부로 불러오는 tag인, iframe에 대한 내용입니다. html로 코딩을 할때, 외부페이지를 내가 구현하고 있는, 웹에 보여지게 하고 싶은 순간이 있습니다. html에서 외부의 웹페이지를 보여지게 하려면, 전체를 코딩으로 표현하는 방법밖에는 없을 거라고 짐작되지만, 몇가지 방법이 있습니다. 그중에 첫번째는 인크루드를 이용하여, 다른 언어로 외부페이지를 불러오는 방법이 있습니다. 그리고, iframe이라는 태그를 사용하는 방법이 있습니다. ● iframe 태그의 표현방법은 아래와 같습니다. 위의 iframe태그의 표현방법을 활용한, 아래의 코드를 잘 살펴봐 주세요. iframe 태그 아래의 화면은, 위의 코드중에서, iframe 태그를 표현한 것입니다. 웹 url..
2020. 11. 4.
html_div 태그
이번 포스팅은 html중에서, div라는 태그에 대한 내용입니다. 코딩 카테고리를 만들고, 포스팅을 하기시작했을 초창기에도 언급했었지만, 필자는 html코딩을 어디에서 정식으로 배운것이 아닌, 쇼핑몰관리자라는 일을 하면서, 익히게되었다고 한적이 있습니다. 특히, 지금은 웹뷰앱으로 앱까지 만들고 있으니, 너무나 감사한 html코딩입니다. 이렇게 되기까지 가장 결정적인 도움이 된것은, 바로 카페24라는 쇼핑몰솔루션 시스템의 디자인수정 메뉴안의 코딩이었습니다. 처음 카페24의 코딩을 할 당시만해도, 쇼핑몰스킨의 기반이 table코딩으로 이루어져 있었습니다. 한마디로 레이아웃이 table코딩으로만 되어있었습니다. 어쨓거나, 그 당시에는 모바일기기에서의 웹페이지 자체가 굉장히 희귀하던 시절이라서, table의 소..
2020. 10. 21.
html_li_ul_ol_태그
이번 포스팅은 html중에서, 리스트를 표현하는 태그인 li, ul, ol에 대한 내용입니다. 웹문서를 보다보면 아래의 화면과 같은, 요소들을 많이 보셨을 것입니다. 필자는 about google의 상단부분을 예로 들겠습니다. 구글 어바웃의 상단 화면의 소스를 보면, 아래의 이미지와 같습니다. ul, li, ol은 html로 웹을 표현할때, 일반적인 리스트를 나타내는것과, 위의 화면과 같이 카테고리 메뉴의 기능을 하는 것에도 많이 쓰입니다. 스크립트의 표현 방법이 세월이 갈수록 발전을 하여, 요즘은 다른 방식으로도 카테고리 메뉴와 리스트를 표현하는 방식도 있다고 합니다. ul, li, ol은 상단과, 본문 내용을 표현하는 것뿐만이 아니라, 하단요소의 다양한 메뉴들을 표현하는데도 쓰입니다. 예를들어서, 이..
2020. 10. 14.