본문 바로가기
반응형

html52

[HTML5] 간단한 상단메뉴 만드는 방법 오늘은 HTML 상단 메뉴를 만들어 볼게요~ 그리고 만든 메뉴에 마우스 오버를 하면 색이 칠해지것 까지 구현해보겠습니다. ​ 일단 HTML코드를 작성해줍니다. HTML5 코드 메뉴1 메뉴2 메뉴3 ​ HTML만 작성해서 확인하면 위의 모습입니다. 여기에 CSS3를 이용해야 원하는 결과가 나옵니다. CSS3 코드 nav{ width : 900px; margin : 0 auto; } nav ul{ list-style: none; border : 2px solid #cccccc; border-radius: 10px; height : 40px; } nav ul li{ float : left; margin-top: 10px; padding-right : 30px; height: 20px; } nav ul li a.. 2021. 10. 27.
[HTML5]html lang ="ko" 작성하는 이유 html5 코드를 작성할 때 처음에 항상 쓰는 부분입니다. 다음에 을 써도 되지만 굳이 html lang ="ko"를 썼는데요, 여기서 html lang ="ko"는 무슨 의미이고 왜 쓰는건지 알려드리겠습니다. - html lang ="ko" 작성하는 이유 - html5로 웹페이지를 만들려면 웹표준에 맞추어 웹 접근성을 높여야 합니다. 우리는 그냥 시각적으로 페이지를 볼 수 있지만, 시각 장애인은 페이지에 나오는 글의 내용을 보기 힘듭니다. 그래서 이런 시각 장애인분들도 페이지의 내용을 알 수 있도록 스크린리더나 점자정보단말기, 모바일의 VoiceOver, TalkBack 등 보조 수단을 통해 내용을 이해할 수 있게 해 주어야 하는데요, html lang ="ko" 이 그러한 역활을 해줍니다. html .. 2021. 10. 24.
반응형