링크는 웹문서가 다른 문서와 구별되는 가장 큰 특징입니다. 클릭만 되면 연결된 곳으로 즉시 이동해 웹 사용을 더욱 편리하게 해 주기 때문입니다. 단순해 보이는 이 기능에도 여러 속성을 이용해 선택할 수 있는 사항들이 있습니다. 이 기능에도 여러 가지 속성을 사용할 수 있는 사항들이 있습니다. 태그, href속성-링크 만들기 우리가 흔히 보이는 웹사이트에서 클릭했을 때 다른 페이지로 넘어가는 요소가 이 태그와 속성에 해당됩니다. 이러한 태그에서 가장 중요한 속성은 바로 링크(link)의 목적지를 가리키는 href 속성입니다. 따라서 href 속성이 없다면, target, download, rel, rev, hreflang, type, referrerpolicy 속성들도 사용할 수 없습니다. 1 2 3 4 ..
웹문서에서 자료를 정리할 때 자주 사용하는 요소가 입니다. 표는 행(row)과 열(column)로 이루어져 있고 행과 열이 만나 이루는 영역을 셀(cell)이라고 부릅니다. 표를 만들려면 행과 열두 가지를 고려해야 하므로 하나의 표를 만들기 위해서는 여러 개의 태그가 사용됩니다. , , , 태그 기본적인 표의 모습은 가로 행과 세로 열이 있고 그 안에 내용이 입력되는 형태입니다. 순서를 기억해두면 표 만들기가 쉬울 것입니다. 우선, 구조적으로 HTML 테이블은 태그로 시작하며 가장 먼저 입력합니다 두 번째, 각 테이블 행은 태그로 정의합니다. 세 번째, 각 테이블 셀은 태그로 정의합니다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 1 ..
폼(form)은 알게 모르게 웹문서에서 자주 사용되고 있습니다. 특히 사용자의 의견이나 정보를 알기 위해 폼을 사용하는 경우가 많으며 아직까지 브라우저별로 지원하는 내용이 다르기 때문에 표준 규약이 완성될 때까지는 하나씩 확인해야 합니다. form요소 웹 페이지에서는 form 요소를 사용하여 사용자로부터 입력을 받을 수 있습니다. 또한, 사용자가 입력한 데이터를 서버로 보낼 때에도 form 요소를 사용합니다. form 요소는 다음과 같은 문법으로 사용합니다. 1 2 3 Colored by Color Scripter cs ① action : 사용자가 입력한 데이터를 받아 처리하기 위한 웹 프로그램(ASP, PHP, JSP… 등)의 페이지 지정 ② method : 웹 서버와 클라이언트 간의 통신 방법 지정(..
HTML 태그 중 가장 자주 사용되는 태그가 이미지와 하이퍼링크 관련 태그입니다. 이미지를 넣는 방법과 글이나 이미지를 클릭하면 다른 문서나 사이트로 넘어가는 링크를 거는 방법에 대해 소개하겠습니다. HTML 이미지 웹페이지에 사용할수 있는 이미지 파일은 파일 크기가 크지 않으면서도 화질이 좋아야 하기 때문에 몇 가지 파일 형식만 사용할 수 있습니다. 만약 다른 형식으로 된 이미지 파일을 웹에서 사용하려면 다음과 같은 형식으로 변환해야 합니다. 태그 웹문서에 이미지를 삽입할 때는 태그를 사용합니다. 이때 src 속성을 사용해 이미지 파일이 있는 경로를 알려주어야 화면에 이미지를 표시할 수 있습니다. 태그는 종료 태그가 없는 빈 태그이며 다음과 같은 문법으로 사용합니다. 1 cs src 속성은 이미지가 저..
목록과 관련된 태그들은 웹 표준 이전에는 텍스트를 정리하기 위해 사용했으나 이제는 목록을 이용해 이미지나 텍스트 어떤 것이든 목록화해 정리할 수 있고 CSS를 적용해 메뉴나 본문 내용 등에 다양하게 활용할 수 있게 되었습니다. 목록을 만드는 태그는 자주 사용되는 태그이므로 반드시 익히고 넘어가야 합니다 무순서 목록 - 태그와 태그 순서가 필요하지 않은 목록을 만들 때는 ul태그를 사용하고 태그 안에 태그를 사용해 각 항목을 표시합니다. 순서 없는 목록의 경우 각 항목 앞에 작은 원이나 사각형 같은 불릿이 붙습니다. 식물원 관람 유의사항 입장권에 게시된 관람요령을 살펴보시기 바랍니다. 안내원의 안내에 따라주시기 바랍니다. 관람 지역 이외의 출입제한 지역은 출입을 금합니다. 식물이 식재된 곳에 들어가지 마십..
HTML 색(Color) 표현 HTML에서 색을 표현하는 방법은 다음과 같은 방법이 있습니다. 색상 이름으로 표현 RGB 색상값으로 표현 HTML에서 색상 이름은 대소문자를 구분하지 않습니다. #93DAFF #98DFFF #9DE4FF #A2E9FF #A7EEFF #ACF3FF #B0F7FF #B4FBFF #B9FFFF #C0FFFF #87CEFA #91D8FA #A5D8FA #AFDDFA #B9E2FA #C3E7FA #CDECFA #D7F1FA #E1F6FA #EBFBFF #00BFFF #0AC9FF #14D3FF #1EDDFF #28E7FF #32F1FF #3CFBFF #46FFFF #96FFFF #C8FFFF #00A5FF #00AFFF #00B9FF #00C3FF #00CDFF #00D7FF #0..
웹문서의 대부분 정보는 텍스트로 전달됩니다. 이렇게 텍스트로 이루어진 정보는 수정이 편리하다는 장점이 있지만 텍스트 양이 많을 경우 정보를 찾기 힘듭니다. 따라서 필요에 따라 크기나 색상, 스타일을 바꾸어 표시합니다. 텍스트와 관련해 사용하는 태그는 많으나 그중에서도 텍스트를 블록으로 묶어 처리하는 태그를 살펴보도록 하겠습니다. 태그 제목을 표시합니다. 일반 텍스트보다 굵고 진하게 표시됩니다. 크기는 에서 까지 존재하며 h1 > h2 > h3 > h4 > h5 > h6순으로 큽니다. 제목 1, 제목의 사이즈가 가장 큽니다 제목 2 제목 3 제목 4 제목 5 제목 6, 제목의 사이즈가 가장 작습니다 cs 태그 텍스트를 표시할 때 가장 많이 사용하는 태그입니다. 텍스트 단락을 만들 때 사용하며 ~ 안에 텍스..
태그의 구성요소 태그는 문서에 표시하려는 내용을 전달하는 역할을 합니다. 따라서 정확히 사용해야 합니다. 태그에는 크게 4가지 분류가 존재합니다 복합 태그 속성을 가지는 태그 단독 태그 속성을 여러 개 가진 태그 복합 태그 내용에 태그를 적용하는 역할을 합니다 내용 cs 속성을 가지는 태그 내용에 태그의 속성을 적용합니다 내용 cs 단독 태그 태그가 입력된 곳에서 태그의 명령이 적용되는 형태입니다 cs 속성을 여러 개 가진 태그 하나의 태그 안에 다양한 속성을 추가하는 형태입니다 환영합니다! cs 태그의 사용 규칙 HTML에서 태그는 텍스트 또는 이미지가 어떻게 보여야 하는지 컴퓨터에게 명령하는 명령어입니다. 따라서 태그를 사용할 때 반드시 지켜야 할 룰이 존재합니다. 1. 태그는 를 이용해 구..
