html
-
block요소와 inline요소퍼블리싱/공통 2021. 3. 11. 20:04
html태그는 block요소와 inline요소로 나뉩니다. 태그마다 block요소나 inline요소가 되며, 각 특징에 따라 웹페이지에서 표현됩니다. 이 요소(태그)는 css 속성 중에서 display로 변경할 수 있으며, inline요소와 block요소가 섞인 inline-block도 있습니다. 요소 변경은 display:inline-block으로 주어서 변경할 수 있습니다. block요소 block요소는 기본적으로 영역을 가지고 있습니다. 내용이 가로에 다 차지하지 않아도 다음 태그는 다음 줄에 표현됩니다. 반면 inline요소는 다음 줄로 가지 않고 바로 옆으로 나오게 됩니다. CSS를 통해서 block요소의 가로, 세로, 여백 등을 변경할 수 있습니다. 이를 통해 레이아웃을 구성할 수 있습니다. ..
-
Hypertext(하이퍼텍스트)와 절대경로 그리고 상대경로퍼블리싱/공통 2020. 7. 22. 15:22
Hypertext(하이퍼텍스트) 하이퍼텍스트는 웹페이지에서 다른 웹페이지로 이동하는 것을 말한다. 또한 같은 페이지 내 영역에서 다른 영역을 이동하는 것도 가능하다. 이동은 a태그를 활용하는 방법이 대표적이다. 또한 javascript나 jQuery를 이용할 수도 있습니다. 하지만 웹표준, 웹접근성, seo를 위해서 a태그를 활용하는 것을 추천하는 편입니다. 바로가기 바로가기 a태그의 href 속성을 통하여 '바로가기'를 클릭할 경우 해당 페이지로 이동할 수 있다. href 속성에 다음과 같은 속성값을 주면 해당페이지로 가거나 해당영역으로 이동합니다. 1. naver.com, sub/sub.html과 같은 경로와 파일명이나 인터넷 주소 입력 2. #아이디명을 입력 #아이디명을 사용하면 원페이지 형태의 웹..
-
HTML5와 태그란?퍼블리싱/공통 2020. 7. 17. 10:45
HTML은 웹페이지를 만드는 마크업 언어이다. 그동안 여러 버전을 출시되었고, 최근버전으로 HTML5이 나왔다. HTML - HTML 마크업을 통해서 웹페이지의 구조를 설계한다. - HTML 요소들은 웹 페이지를 구성하는 요소이며, 태그를 사용하여 표현할 수 있다. - 태그들은 각자의 기능과 의미를 가지고 웹페이지의 내용을 보여줍니다. HTML5 - 이전 버전보다 정보 구조를 작성하는데 유리해졌다. div요소를 대신해서 header, nav, section, article, aside, footer 등을 이용해서 구체적인 구조를 만들 수 있다. - 액티브 X나 별도 플러그인 없이 비디오, 오디오를 실행할 수 있다. - 숫자, 날짜, 시간, 달력, 범위와 같은 양식 요소가 추가되었다. - 그래픽 요소로 s..
-
웹페이지를 만드는 언어, HTML과 CSS, Javascript의 기본내용퍼블리싱/공통 2020. 7. 13. 00:44
웹페이지를 만들기 위해 HTML 언어를 이용해야 한다. 웹페이지를 보다 동적이고 전문적인 페이지를 위해 CSS, Javascript, php, jsp 등도 필요하다. 하지만 이를 활용하기 전에 기본적으로 HTML의 이해가 필요하다. HTML은 HyperText Markup Language의 약자로서, 웹페이지 사이를 이동할 수 있는 링크와 웹페이지를 구성하는 요소들의 배치를 하는 마크업하는 문서다. 여기서 하이퍼텍스트 즉 링크는 A페이지에 있는 버튼을 클릭하면 B페이지로 이동할 수 있는 기능을 한다. 한번의 클릭으로 B페이지의 내용을 확인할 수 있다. 하나의 웹페이지에 모든 내용을 담을 수 없기 때문에 웹페이지 사이의 이동은 필수다. 또한 하나의 페이지에 모든 내용을 담는 원페이지 템플릿에서도 링크의 역..