프로젝트 기록/To do list6 HTML - WAI-ARIA #WAI-ARIA에 대한 내용이 꽤나 방대한 편이라서 이번에는 최대한 간략하게 핵심적인 부분만 설명할 것이며. 추후 각각의 기능들과 속성 및 사용법 등을 자세히 다룰 것입니다. WAI-ARIA(Web Accessibility Initiative - Accessibility Rich Internet Applications) 스크린리더 및 보조기기 등을 사용하는 장애인이 좀 더 Web Application을 편리하게 사용할 수 있도록 만들어졌으며, 웹 애플리케이션에 역할(Role), 속성(Property), 상태(State) 정보를 추가하여 이를 개선시킬 할 수 있도록 되어있다. 이러한 정보들은 Web Browser에 의해 자동으로 해석되어 각각의 운영체제(OS)의 접근성 API로 변환되어서 스크린리더와 같.. 2019. 5. 14. HTML - input type tag는 그 자체보다는 다양한 속성으로 인해 화면상에 보여지는 것을 더 명확하게 해줍니다. 따라서 input type을 좀 더 자세히 다뤄보려고 합니다. 1. 2. 3. 밥먹기 진짜로 체크할 수 있다. 4. 5. (hidden이라 시각적으로 제공할 자료가 없다. ) 6. 7. 8. Male Female 9. 10. 11. 12. 13. 14. 15. 16. 17. / 18. 19. *"pattern"이라는 속성을 이용하여 전화번호의 형식을 지정할 수 있다. 이렇게 범위를 지정하게되면 지정된 형식으로 작성해야만 정보를 전달할 수 있다. 20. 21. 22. 2019. 5. 13. HTML - fontawesome 연결하기 이번에는 "fontawesome"을 html에 연결하는 법을 알아보겠습니다. 1. 구글 검색창에 "fontawesome"을 검색하거나 https://fontawesome.com/ 에 접속합니다. 2. "Starting Using Free"를 클릭합니다 (무료로 이용 가능하죠) 3. 이렇게 생긴 페이지가 나오면 작성된 코드 전체를 복사합니다. (혹은) 오른쪽 아래 아이콘을 누르면 저절로 복사됩니다. 4. 복사한 링크를 "html"파일 부분에 붙여 넣기 합니다. #SVG의 경우 좀 더 icon 관련하여 자세한 부분까지 컨트롤할 수 있는 기능이 있으며 개인적으로 설정해야 하고 렌더링 과정이 필요한 부분이라 "Webfont"부분을 이용하시는 것이 좋습니다. 혹 더 자세한 내용이 궁금하시다면 SVG우측의 "?"부.. 2019. 5. 12. HTML에 CSS파일 적용하기 그리고 @import [HTML 문서에 CSS파일을 적용하기] HTML 문서에 CSS파일을 적용하는 방식에는 3가지가 있습니다. 1. Inline style sheet - HTML 태그의 style속성에 css 코드를 넣는 방식 2. Internal style sheet - HTML 문서 안에 태그를 넣어서 그 안에 css코드를 작성하는 방식 - 일반적으로 태그 가장 상단에 작성합니다. 3. External style sheet - CSS파일을 만들어 HTML 문서와 연결하는 방식 가장 많이 사용되는 세번째 방식인 외부 링크로 연결하는 방식은 다음과 같습니다. inline style의 경우에는 html에 하나하나 입력하는 방식이므로 작성할 때뿐만 아니라, 추후 수정 시 매우 번거롭고 어렵습니다. internal style s.. 2019. 5. 10. 이전 1 2 다음
