babydevelopbabydevelop

HTML 태그 정의 및 특징 태그는 문서나 특정 섹션(section)의 푸터(footer)를 정의할 때 사용합니다. 푸터(footer)는 보통 요소가 포함되어 있는 문서나 섹션에 대한 아래와 같은 정보를 포함합니다. - 저자(author) 정보 - 저작권 정보 - 연락처 - 사이트맵(sitemap) - 페이지 맨 위로 되돌아갈 수 있는 Top 버튼 - 연관 페이지 등 하나의 HTML 문서에는 여러 개의 요소가 포함될 수 있습니다. (주)에버디벨 회사소개 개인정보보호정책 위치 고객센터

예제 HTML5 란 웹 문서를 제작하는 데 쓰이는 프로그래밍 언어인 HTML의 최신규격입니다. HTML 인용구 인용구(Quotation) HTML에서 인용구를 표현하는 방법은 다음과 같이 두 가지로 나뉩니다. 1. 짧은 인용구 2. 블록 인용구 짧은 인용구 짧은 인용구는 태그(quotation)를 사용하여 표현할 수 있으며, 자동으로 앞뒤에 큰따옴표가 붙습니다. 예제 HTML의 정의는 웹 페이지를 만들기 위한 하이퍼텍스트 마크업 언어 입니다. 블록 인용구 길이가 긴 인용문은 태그(block quatation)를 사용하여 표현할 수 있습니다. 태그는 이러한 인용 부분을 별도의 단락으로 구분하여 나타냅니다. 예제 HTML의 정의 인터넷 서비스의 하나인 월드 와이드 웹을 통해 볼 수 있는 문서를 만들 때 사용..

HTML 단락 단락(Paragraph) 단락이란 내용상 끊어서 구분할 수 있는 하나하나의 부분을 의미하며, 문단이라고도 부릅니다. HTML에서는 태그를 이용하여 이러한 단락을 표현합니다. 예제 제목1의 크기입니다! 제목2의 크기입니다! 제목3의 크기입니다! 여기서부터 단락입니다. ★ 태그의 위아래로는 약간의 여백(margin)이 자동으로 삽입됩니다. 띄어쓰기와 줄 나누기 HTML 코드에서 띄어쓰기나 줄 나누기를 여러 번 하더라도 웹 브라우저를 통해 나타나는 화면에는 전혀 영향을 주지 못합니다. 웹 브라우저는 여러 번의 띄어쓰기나 줄 나누기를 오직 하나의 띄어쓰기나 줄로만 인식하기 때문입니다. 다음 예제는 웹 페이지에 여러 번의 띄어쓰기와 줄 나누기를 표현하기 위해 작성한 예제입니다. 예제 줄을 나누고 싶..

HTML 에서 사용하는 Input type 속성들입니다. 다영한 속성들이 있으니 확인해보시고 사용하세요!!

HTML 링크-하이퍼 링크 HTML 링크는 하이퍼 링크입니다. 링크를 클릭하고 다른 문서로 이동할 수 있습니다. 링크 위로 마우스를 움직이면 마우스 화살표가 작은 손 모양으로 바뀝니다. 링크는 텍스트 일 ​​필요는 없습니다. 이미지 또는 다른 HTML 요소 일 수 있습니다. HTML 링크-구문 하이퍼 링크는 HTML 태그 로 정의됩니다 . Visit our HTML tutorial HTML 링크-대상 속성 이 target속성은 링크 된 문서를 열 위치를 지정합니다. target속성은 다음 값 중 하나를 사용할 수 있습니다 : _blank -링크 된 문서를 새 창이나 탭에서 엽니 다 _self -클릭 한 것과 동일한 창 / 탭에서 링크 된 문서를 엽니 다 (기본값). _parent -부모 프레임에서 링크 ..

HTML5에서 없어진 태그 태그 설명 대체 태그 applet 태그는 문서에 포함되는 애플릿을 정의할 때 사용합니다. embed / object 요소 사용 acronym 태그는 머리글자로만 된 단어(acronym)를 정의할 때 사용합니다. abbr 요소 사용 dir HTML 리스트(list)를 정의할 때 사용합니다. ul 요소 사용 bgsound 배경음악을 삽입해주는 요소입니다. audio 요소를 대신 사용 frame 요소에 포함되는 하나의 프레임(frame)을 정의할 때 사용합니다. iframe과 CSS 이용하거나 서버 사이트로 컨텐츠 결합 frameset 문서의 레이아웃을 구성하기 위해 사용되는 프레임(frame)들의 집합을 정의할 때 사용합니다. iframe과 CSS를 이용하거나 서버 사이드 컨텐츠 ..

시멘틱 태그 시멘틱(Semantic)은 "의미의, 의미론적인" 이라는 뜻이다. 시맨틱 태그에 의해 컴퓨터가 HTML 요소의 의미를 보다 명확히 해석하고 그 데이터를 활용할 수 있는 시맨틱 웹이 실현될 수 있다. 즉, HTML5에 도입된 시맨틱 태그는 개발자와 브라우저에게 의미있는 태그를 제공하게 된다. 시멘틱 태그의 장점 검색엔진최적화(SEO):검색엔진은 태그를 기반으로 페이지 내 검색 키워드의 우선순위를 판단한다. 따라서 제목은 h1, 중요한 단어는 strong 또는 em을 사용하는 등 의미에 맞는 올바른 태그르 사용하는 것이 중요하다. 시각장애가 있는 사용자가 스크린 리더를 사용하여 페이지를 탐색할 때 도움이 된다. 시맨틱 태그를 사용한 코드 블록을 찾는 것은 끝없는 div(div > div > di..

웹 표준이란? 웹 표준이랑 브라우저 종류 및 버전에 따른 기능 차이에 대하여 호환이 가능하도록 제시된 표준으로, 다른 기종 혹은 플랫폼에 따라 달리 구현되는 기술을 동일하게 구현함과 동시에 어느 한쪽에 최적화되어 치우치지 않도록 공통요소를 사용하여 웹 페이지를 제작하는 기법을 의미한다. 표준화 단체인 W3C(World Wide Consortium)가 권고한 표준안에 따라 웹사이트를 작성할 때 이용하는 HTML, CSS, JavaScript 등에 대한 규정을 담고 있으며 웹 표준의 궁극적인 목적은 웹사이트에 접속한 사용자가 어떠한 운영체제나 브라우저를 사용하더라도 동일한 결과를 보이게 하는 것이다. 웹표준 장점 수정 및 운영관리 용이 콘텐츠의 올바른 구조화와 CSS로 시각표현을 통일하여 제어하게 되어 페이..