반응형 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. 이전 1 다음 반응형