목록Web Basic/HTML (3)
Will find a way
들어가기 전평소에 HTML 뼈대를 작성할 때 어떻게하면 CSS를 구현할 수 있을까에만 초점을 두며 HTML 구조를 작성했다. 최근에 포켓몬 카드를 뒤집는 간단한 프로젝트를 진행하면서도 그랬다. 웹 접근성은 신경쓰지 않은 이번 프로젝트를 보고, 한단계 더 나아가서 웹 접근성을 신경쓰고 싶다는 생각이 들었고 이를 어떻게 채울 수 있을까 생각하다가 ARIA, role 라는 것에 대해서 알게됐다. 오늘은 ARIA, role에 대해서 간단히 알아보자. 웹 접근성은 예전에 다룬 글이 있으니 이를 참고하자https://jakapark.tistory.com/entry/%EC%9E%A1%EB%8B%B4-%EC%9B%B9%EC%A0%91%EA%B7%BC%EC%84%B1%EC%97%90-%EB%8C%80%ED%95%B4%E..
목차 1. HTML 문법 2. 부모 태그, 자식 태그? 3. tag의 이름 4. 태그의 구조 5. 태그의 속성 6. 인라인과 블록 / 자주 사용하는 태그 정리 1. HTML 문법 웹 페이지에서 F12를 누르면 개발자 모드를 확인할 수 있다. 과 같은 꺽쇠 괄호에 담긴 것들을 볼 수 있다. 이런 양식의 구문을 "태그"라고 부르며 또는 element 라고 부른다. 이러한 태그는 웹페이지의 하나의 구성요소이다. 태그를 보면로 이루어 진것을 볼 수 있는데 같은 태그를 여는 태그,과 같은 태그를 닫는 태그라고 한다. HTML의 대부분의 문법은 여는태그, 닫는태그가 있으며 예외도 있다. 2. 부모 태그, 자식 태그? 위에 HTML 의 태그를 살펴보자. 태그는 위와 같이 감싸는 형태로 있는데 head 태그 같이 다른..
목차 1. HTML 이란? 2. HTML 문법 3. HTML의 태그 4. Tag 속성 1. HTML 이란? HTML 은 Hypertext Mark-up Language 의 약자로 웹페이지를 표시하기 위한 마크업 언어이다. (1980년도 팀버너스리에서 만들어짐) 2. HTML 문법 HTML은 컴퓨터 언어 중 가장 간단한 언어에 속한다. HTML 을 할줄 알기위해서는 태그(Tag)라는 것들 알아야하는데 다음 목차에서 알아보기로 하고 지금은 기본문법을 알아 볼것이다. 보기 예시 내용 HTML의 문법은 보기와 같이 꺾쇠괄호 안에 tag를 취하는 방식을 사용하고 있으며 왼쪽에 부분을 '여는 태그', 를 '닫는 태그' 라고한다. 기본적으로 여는 태그, 닫는 태그가 원칙이지만 그렇지 않은 문법도 있으며 이에 대해서는..