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.
html_링크 태그_target
이번 포스팅은 html태그중에서, 링크 태그에 대한 내용입니다. ● html태그에서 사용자의 시선이 머무든 오브젝트나, 공간이 아닌 다른 곳으로 이동하기 위해서는 링크태그라는 것이 사용됩니다. 그냥, 한페이지만 존재 하는 사이트면 상관이 없지만, 특히 요즘같이 쇼핑몰 산업이 발달되어 있는 시대에는, 다양한 카테고리에 링크태그가 여러용도로 쓰이며, 동적인 웹사이트를 만드는데 중요한 요소로 쓰입니다. 이번포스팅에서는 단순히 이동할 수 있는 기능으로써의 링크태그에 대해서만, 다루겠습니다. 다른 기능들은 나중에 포스팅 하겠습니다. 링크태그는 텍스트나, 이미지에 태그를 사용하여, 앞뒤로 감싸는 형태로 사용됩니다. 다른 요소로 이동을 위해서는, 태그에 링크주소를 넣어주어야 하는데, 방법은 로 표기하고, ""사이에 ..
2020. 10. 9.
html_br_img_alt
이번 포스팅은 html의 , , 태그에 대한 포스팅입니다. ● 지난번 포스팅에서, 태그 내에 들어가는 text 콘텐츠들의 문단을 나누기 위해서는, 태그를 사용한다고, 다루었습니다. 문단을 나누는것은 text들 뿐만이 아닌, 여러가지 요소에서 필요로 합니다. 이미지 요소나, 기타 다른 태그들이 뒤섞여 있을때, 구분을 쉽게 하기위해서, 사이를 띄우거나 문단을 나눌 필요성이 있습니다. 구분을 위한 문단 나누기를 하는 방법으로는 여러가지가 있습니다. 그중에서 가장 쉽고, 흔한 방법은 바로 태그 입니다. 은 열고 닫는 형식의 태그와는, 다르게 단독으로 쓰여집니다. 본문태그 내에서 한줄을 띄워주기 위해서 아무리 엔터를 쳐도, 웹브라우저 상에서는 표현이 안됩니다. 반드시 태그로 "이 곳의 다음 요소부터는 아래줄에 표..
2020. 9. 2.
html_html에디터
이번 포스팅은, 코딩한 html 파일을 웹뷰어로 확인하는 방법과, 무료로 사용할 수 있는 html 에디터에 관한 내용입니다. 1. 코딩한 html 파일을 웹뷰어로 확인하는 방법. ● html은 코딩을 한후에 저장할때, 파일 확장자를 html로 하면 됩니다. ● 파일명.html로 저장된 파일을 시각적으로 확인하는 방법은, 웹뷰어인 익스플로러나, 크롬으로 열어서 확인을 하면 됩니다. ● 탐색기에서 저장된 html파일을 선택한후, 오른쪽버튼을 클릭하고, 연결프로그램에서 Chrome이나, Internet Explorer를 선택하면, 선택한 뷰어로 파일이 열리게 됩니다. ● 지난번 포스팅에서도 다루었듯이, title태그는 웹뷰어의 상단탭에 보여집니다. body태그에 들어 있는 각종 하위 태그들은, 본격적인 웹의 ..
2020. 7. 29.
