html 태그 속성 (href, title, target)

<a> 태그란? anchor의 약자로 페이지와 페이지간의 이동을 시켜주는 태그이며, 항상 href 속성와 같이 사용한다. href 속성 hypertext reference 의 약자로, 연결할 주소를 지정해주는 속성 <a href=”https://dailylifememo.com/”>블로그 바로가기</a> 이형식으로 사용하며 ” ” 따옴표를 정확히 쓰지 않으면 작동 안할 수 있음 주소는 여러가지 사용할 수 있는데, 흔히 https:// 로 시작하는 정확한 웹페이지 주소 같은 폴더내의 페이지로 이동할때 … Read more

웹접근성 html 스킵 메뉴 (skipnav / skipmenu)

스킵 메뉴SkipNav(SkipMenu) 란 무엇인가? 홈페이지에서 원하는 영역을 바로 이동할 수 있는 메뉴 바로가기가 바로 스킵 메뉴이다. 비장애인의 경우 자신이 보고 싶은 컨텐츠를 마우스로 보고 클릭하고 이용하지만, 시각 장애인 등의 경우 tab 키, 방향키 등을 사용한 스크린 리더를 이용하여 페이지에서 원하는 정보를 얻을 수 있다. 그렇기에 방대한 양의 페이지 양이라면 홈페이지 하단부의 정보를 얻기 위해 수도 … Read more

CSS 스타일

CSS 란? CSS(Cascading Style Sheet) CSS는 HTML 마크업 요소들이 각종 미디어에서 어떻게 보이는지 여러가지 객체의 표현 및 구체적인 디자인요소를 정의하는 데 사용되는 스타일 시트 언어이다. CSS 스타일의 3가지 방식 대부분 외부 스타일을 사용하며, 적용 스타일 우선순위는 인라인>내부>외부 순이다. 외부 스타일을 연결시 <head> 태그안에 <link rel=”stylesheet” href=”style.css”> 로 연결 인라인 스타일 적용 내부 스타일 적용 <head> 태그 안에 … Read more

HTML, 웹표준, 마크업 정의

HTML 이란? Hyper Text Markup Lagnuage 의 약자로 웹페이지를 만드는 표준 마크업 언어이다. HTML 문서 <!DOCTYPE HTML> 은 문서가 HTML5 라는 것을 선언문이다. html 문서는 브라우저마다 동일하고, 깨지지 않게 표시될 수 있도록 하며 선언은 페이지 맨위에서 한번만 사용해야한다. html 타입 정의를 제외하고는 소문자 태그 사용 권장한다. 모든 HTML 문서는 문서 유형 선언으로 시작해야 한다. <html> … Read more