Programing/HTML5

• 

  웹페이지 접근성 검사 방법, K-WAH, 웹접근성연구소 웹 프로젝트의 필수 조건 중의 하나가 호환성과 접근성이다. 오늘은 이 둘중에 접근성(Accessibility)에 대해 알아보겠다. 웹 접근성이란 것은 장애인과 비장애인이 동등하게 웹 콘텐츠에 접근할 수 있도록 웹 콘텐츠를 접근 하는 방법이다. 보다 자세한 내용은 웹접근성연구소나 국내 큰 포털사이트에서 확인이 가능하다. 해당 내용에는 대체택스트(alt tag), 동영상 자막제공, 마크업오류, 색에 무관하게 인식할수 있는 색상 사용 등이 있다. 이중에 개발자의 입장에서 취할수 있는 접근성 검사 방법에 대해 소개하겠다. 국내에서는 웹접근성 연구소란 곳에서 K-WAH라는 웹 접근성 검사 도구를 제공하고 있다. 이는 아래의 Link를 통해 다운이 가능하다. Link : 웹 접근성 연구소 다운받은 K-WAH를 실행.. Programing/HTML 2016. 9. 20.

• 

  HTML 글꼴 관련 태그 HTML 글꼴 관련 태그 이번 포스팅에서는 글꼴 관련 태그에 대해 알아보겠습니다. 우선 글꼴은 태그를 사용하구요 그 속성값에는 다음과 같은 것들이 있습니다. 기타 글 형태에 대한 태그도 알아보죠. 직접 코딩 해 보도록 하죠. 앞에서 말씀드린 대로 태그 내에서 태그를 사용하였구요 Color와 Size, Face를 활용하였습니다. 그리고 여기서 나온 태그는 줄바꿈(Enter) 태그 입니다. [Ctrl]+[b] 해볼까요? 결과는 위와 같습니다. 이외에도 다양한 글꼴태그가 있는데요 확인하고 넘어가도록 하겠습니다. 특수문자 표기에 대해서도 알아보겠습니다. 태그에서 사용되는 , "", space(공백)등을 표기할 수 있습니다. (&nbsp 는 space(공백)입니다.) 직접 코딩해 보도록 하죠. [결과] Programing/HTML 2014. 4. 16.

• 

  HTML 문단 관련 태그 HTML 문단 관련 태그 이번에는 문단 관련 태그에 대해 알아보도록 하겠습니다. 문단관련 태그에는 줄을 바꾼다던지, 문단을 나누는 것들이 있습니다. 그럼 문단관련 태그에는 무엇이 있는지 알아보겠습니다. 은 Enter와 같은 기능을 합니다. 부터 확인해 보도록 하죠. 태그 내에 작성하시면 됩니다. 위는 코딩 , 아래는 작성화면 입니다. =========================================================================================== =========================================================================================== 제목출력 태그를 쓰게되면 글씨 크기가 달라지는 .. Programing/HTML 2014. 4. 14.

• 

  HTML 목록 태그 <ul>, <ol>, <li> HTML 목록 태그 , , 목록관련 태그에는 1. 순자형 목록과 (1,2,3...) 2. 비순차형 목록이 있습니다. 순차형목록은 123이나 ABC 와 같이 순서가 있는 목록을 말합니다. 태그로 표현할 수 있죠. 비순차형목록은 동그라미, 네모와 같이 순서가 없는 목록을 말하며 태그로 표현합니다. 그럼 사용법을 보도록 하죠. 의 블릿 종류에는 동그라미, 네모 등이 있습니다. 태그의 사용법은 대신에 을 넣어주시면 되구요 블릿에는 1, a, A, i, I 를 넣어주시면 됩니다. 하나만 해볼까요? Programing/HTML 2014. 4. 14.

• 

  HTML 테이블 만들기 HTML 테이블 만들기 HTML에서 테이블을 만드는 방법.. 간단히 태그와 , 태그만 알고 있으면 됩니다. 그에따른 속성은 다음에 알아보기로 하구요. 아래는 테이블 코딩 입니다. =========================================================================================== 번호물품가격사진 1TUMI백팩580,000 2아이패드700,000 =========================================================================================== 아래는 결과입니다. 코딩을 보시면 태그를 사용하구요. 그 안에 , , 를 사용한 것을 알 수 있습니다. 코딩에 border=1 이라는 속성.. Programing/HTML 2014. 4. 14.