1. 랜드마크 (Landmark) Banner 페이지의 배너 영역을 나타냅니다. Search 페이지의 검색 영역을 나타냅니다. navigation 네비게이션 영역을 나타냅니다. main (본문영역) 주된 내용이 시작됨을 나타냅니다. contentinfo (푸터영역) 저작권 정보, 발행일 등을 나타냅니다. complementary 페이지의 주된 내용을 보충하지만, 자체로도 의미 있는 영역일 경우 (사이드바) application 웹 문서가 아니라 웹 애플리케이션을 담고 있는 영역을 나타냅니다. 2. 문서구조 article 사이트나 문서에서 독립적인 부분을 구성할 수 있는 영역을 나타냅니다. definition 용어나 개념의 정의를 나타내는 영역입니다. directory 목차 등 세부 엘리먼트들의 참조를 목..

1. text-align을 사용하는 방법 hr{text-align: center;} 2. text-align과 margin을 같이 사용할 경우 hr{margin: 0px auto;} -> text-align과 margin을 같이 사용할 경우 margin에 의해서 text-align이 무시되어 가운데 정렬이 되지 않습니다. 그러므로 margin의 값을 auto로 설정하여 가운데 정렬을 시킵니다. 2. margin 설정 -1) 4면이 모두 같을 때 margin: 상 우 하 좌margin: 0px 0px 0px 0px; margin-top: 0px;margin-right: 0px;margin-bottom: 0px;margin-left: 0px; -2) 4면이 모두 다를 때margin: 0px; -3) 상하, ..

1. Form tag -> HTML 문서에서 사용자로 부터 입력받은 데이터를 ASP, PHP 등과 같은 언어를 사용하여 서버로 전달해주는 과정까지를 말합니다. Method - 입력된 내용을 GET, POST 방식 중 하나를 선택하여 전달할 것인지를 결정하는 속성입니다. - GET : 사용자로 부터 입력받은 데이터를 전달할 때, URL에 붙어서 전달하는 방식으로 데이터를 쉽게 노출하기 때문에 보안이 취약한 대신 전송속도가 POST보다 빠르다는 장점이있습니다. - POST : 사용자로 부터 입력받은 데이터를 인코딩하여 메세지의 본문안에 포함하여 전달하는 방식으로 데이터를 노출하지 않기 때문에 보안이 우수한 대신 입력크기에 제한이 있다는 단점이 있습니다. Action - 사용자로 부터 입력받은 데이터를 전달하..

1. 기초태그 설명 html의 시작과 끝을 알려줍니다. 머리영역으로, 대표적인 태그로 title이있습니다. 브라우저 툴바에 나타나는 제목을 작성합니다. 본문영역이며, 본문의 내용을 작성합니다. 2. html 저장방법 html의 경우 확장자명을 .htm, .html로 설정하고, 파일형식은 "유니코드 텍스트 문서" & "All type"을 선택하여 저장합니다. 3.대소문자 구별 html을 작성할 때에는 대소문자 구별이 필요하지 않습니다. 대문자로 작성하든 소문자로 작성하든 같은 결과물이 출력되기 때문인데요. 하지만 W3C에서는 소문자로 작성하는 것을 권장하고 있습니다. W3C란 World Wide Web Consortium의 약자로 HTML, CSS, XML등 웹 문서 코드 표준을 관리하는 기관을 지칭합니다..

이미지 태그 이미지 삽입 하나의 브라우저 창에서 여러 개의 HTML문서를 동시에 띄울 수 있도록 해주는 기능이 프레임 입니다. 프레임은 브라우저 창을 몇 개의 작은 공간으로 분할하여 각 공간에 다른 HTML문서를 보여줄 수 있도록 지원합니다. 프레임을 구성하기 위해서는 태그와 태그를 사용합니다. 이떄 주의할 점은 프레임 문서에서는 BODY태그를 사용하지 않는다는 점입니다. 프레임 태그의 기본 사용 예는 아래 코드와 같습니다. 아래 코드는 하나의 태그 안에 2개의 태그를 넣음으로써 브라우저를 두 개의 프레임 공간으로 구분하는 코드이며, 태그가 구분된 각각의 프레임을 나타냅니다. 12345678910 프레임 cs 수직 및 수평 프레임 분할 수직으로 브라우저 창을 구분하여 프레임을 나눌 수도 있고, 수평으로 ..