본문 바로가기

반응형

전체 글

(161)
링크 링크(a 요소)a요소는 인라인 요소이며 a요소를 제외한 인라인 요소와 텍스트를 포함한다. 문서의 특정한 부분을 도달점으로 하고자 하는 경우는 name속성, 또는 id속성을 이용하여 그곳에 이름을 지정한다. id로 이름이 붙는 요소는 a요소 이외에도 링크의 도달점이 될 수 있지만 지원하지 않는 브라우저도 많이 있다. XHTML1.0에서 도달점의 이름을 붙이는 경우에는 id속성을 사용해야만 한다. XHTML1.0과 예전 브라우저 모두 문제없는 도달점을 표현하기 위해서는 id속성과 name속성을 모두 지정해 둔다. 예제) 링크설정 : 링크설정 문서 내의 특정한 위치지정 : 링크설정방법 위 링크설정방법 참조 ※ xhtml1.0에서는 목표지점에 a요소를 지정할 필요가 없으며 링크설정방법로 지정하면 된다. tabi..
이미지 이미지(img 요소) img요소에는 src속성과 alt속성이 필수이며 src 속성으로 이미지파일의 URI를 alt속성으로 대체텍스트를 지정한다. alt속성으로 대체텍스트를 작성할 때는 구체적으로 작성하지만 지나치게 긴 문장은 삼가하도록 하고 별도의 설명이 필요하면 title속성을 활용한다. title속성으로 설명을 하더라도 한계가 있으므로 longdesc속성으로 참고 URI를 지정할 수 있다. 예제) longdesc속성은 특히 이미지에 이미지맵을 설정할 때 텍스트로 구성한 사이트맵 페이지의 URI를 지정해 두는 방법으로도 활용된다. img요소의 폭과 높이는 'width'속성과 'height'속성으로 지정한다. 폭과 높이를 '픽셀'로 지정하면 브라우저에서 이미지를 다 읽어들이지 않고도 그 영역을 확보하고 ..
서식 서식 양식 만들기. 1) 서식내용을 전송하기 위한 form 요소 속성으로 action과 method를 적용할 수 있다. action은 필드의 내용을 처리하게 될 프로그램의 URI를 입력한다. method는 전송되는 방식을 정의하는데, get과 post방식이 있다. get방식은 action에 지정한 URI에 폼의 내용을 '?'로 구분으로 추가하여 전송하며 기본값이 된다. 일반적으로 보안의 문제 때문에 URI에 나타나지 않는 post방식을 흔히 지정한다. ~ 2) 서식의 내용을 그룹화 하는 fieldset요소 서식을 그룹화하려면 fieldset요소를 적용하고 legend요소로 이름을 지정할 수 있으며, fieldset안에 한번만 올 수 있다. 서식의 이름 3) 기본적인 서식 컨트롤 input 요소 input..
표(table 요소, tr요소, th요소, td요소) 표 를 작성할 때는 블록 레벨 요소인 table요소를 사용한다. 표의 기본 구조는 먼저 tr요소로 행(table row)을 정의하고 내용으로 제목 셀(table header cell)인 th요소와 데이터 셀(table data cell)인 td요소를 포함하여 전체를 table요소로 둘러싼다. table요소에 summary속성을 사용하여 요약문을 작성하고, th요소에는 abbr속성으로 약어를 지정할 것을 권고한다. 표의 제목은 table요소의 시작태그 뒤에 caption요소를 사용한다. 표의 행을 그룹화하기 위해서 thead 요소, tbody 요소, tfoot 요소를 사용할 수 있다. th에는 어떤 방향의 제목임을 알려주는 scope 속성을 지정할 수 ..
목록 항목 목록과 번호 목록(ul 요소, ol요소, li요소)일반적으로 목록작성에는 ul요소(비순차적 목록 unordered list) 또는 ol요소(순차적 목록 ordered list) 를 사용하며 각 항목은 li요소(list item)으로 정의한다. ul요소, ol요소 모두 블륵 레벨 요소이지만 li요소 이외의 요소를 포함시킬 수 없다. li요소는 블록 레벨 요소이며 인라인 요소와 텍스트를 포함할 수 있고 또 다른 블록 레벨 요소를 포함할 수 있다. 예제) 웹브라우저의 종류는 익스프로러 익스플로러 6 익스플로러 7 익스플로러 8 파이어폭스 사파리 오페라 크롬 등이 있다. ----------------- 공지사항 제12회 전문가심사비납부 요청 공문 2011-03-10 제12회 품질마크 심사비 납부 안내 20..
심해 웹툰 http://cartoon.media.daum.net/webtoon/view/underthesee element Font font-family font-size font-style font-variant font-weight letter-spacing line-height text-decoration text-align text-indent text-transform white-space word-spacing color Background bg-attachment bg-color bg-image bg-position bg-repeat Box width height border-top border-right border-bottom border-left margin padding max-height mi..
제목,문단,작성자,구분선,인용문,정형화 된 텍스트 제목(heading 요소) h1, h2, h3, h4, h5, h6 의 여섯단계가 있고 h1요소가 가장 상위제목을 나타낸다. 일반브라우저에서는 중요도가 높은 제목일수록 크게 표시되는데 스타일시트를 활용해 임의의 크기를 지정할 수 있다. 블록 레벨 요소이며 인라인요소를 포함할 수 있지만 블록 레벨 요소를 포함할 수 없다. 예제) 문서의 가장 상위의 제목 표시 문단(p 요소) 문단(Paragraph)은 '단락'으로 텍스트를 문단으로 표현하기 위해 사용한다. 블록 레벨 요소이며 블록레벨요소를 포함할 수 없다. 예제) 문단을 표현합니다. 줄바꾸기는 br요소를 사용합니다. 작성자 정보(address 요소) address요소에는 그 문서에 관한 연락처를 기술. 담당자이름, 홈페이지 링크, 주소, 전화번호, 그 외 ..
문서 내비게이션 메타태그 내비게이션 링크를 확실히 지정하면 사이트에서 이동이 편리해지고 사용성이 향상된다. WCAG1.0에서 '우선도2'로 내비게이션 링크를 지정하게 규정하고 있다. link요소는 head요소 내에서만 사용되고, 그 문서에 관련된 다른 문서와의 관계를 표시한다. 속성들 rel="링크타입" - href속성으로 지정되는 링크될 곳과의 관계를 지정. rev="링크타입" - href속성으로 지정되는 링크될 곳에서 본 이 문서와의 관계를 지정. href="URI" - 관련문서의 URI지정 hreflang="언어코드" - 관련문서의 기본이 될 언어코드 지정 charset="문자세트" - 관련문서의 문자세트 지정 type="MIME타입" - 관련문서의 MIME타입 지정. 브라우저가 대응하고 있지 않은 형식의 데이터를 로드하는..

반응형