하늘과 나의 IT 이야기

태그에 대해서 알아보도록 하겠습니다 태그는 서식 요소를 생성합니다. 태그에 대해서 정리

태그에 대해서 알아봅시다. 태그는 사용자가 작성하여 서버로 제출할 수 있는 서식 영역을 생성하는 요소입니다. 태그에는 어떤 속성을 지정할 수 있나요? 태그에는 아래와 같은 속성을 지정할 수 있습니다.

~ 태그에 대해서 ,,,,, 태그에 대해서 알아보도록 하겠습니다. ~ 은 제목을 작성하는 태그입니다. 이렇게 설명을 드리면 그러면 h뒤에 붙은 숫자는 무엇입니까?라고 질문을 하실지도 모르겠습니다. [알아두기] ~ 태그 제목을 작성하는 태그 제목도 큰 제목이 있고 작은 제목이 있죠? 은 가장 상위 계층의 제목을 표시할 때 사용합니다. h뒤에 숫자가 커질수록 작은 제목을 표시할 때 사용됩니다. 즉 부터 까지 6단계로 제목을 표시할 수 있다는 것입니다. h뒤의 숫자는 웹페이지의 정보를 계층별로 구조화하는 기능을 담당하기도 합니다. 정보 구조화에 대한 관점에서 보면 중요한 ~ 태그 디자인적인 시각에서 보면 이 태그는 그다지 중요하지 않을지도 모르겠습니다. 디자인적인 시각에서 본다면 이 태그는 단순히 글자의 크기..

HTML/CSS 마우스 커서 모양(스타일) 바꾸기 웹페이지를 HTML과 CSS를 이용해서 만들다 보면 각 상황에 맞게 마우스 커서의 모양을 바꿔야 하는 경우가 있는데요. 이런 경우에 HTML과 CSS를 이용해서 어떻게 바꾸는지 정리해 보도록 하겠습니다. 마우스 커서 모양(스타일) 바꾸는 방법! 그럼 이제부터 한번 알아보도록 하겠습니다. 예를 들어 아래와 같이 HTML 태그를 이용해서 버튼을 만들었을 때 버튼에 마우스를 올려보면 마우스 모양은 기본(화살표) 형태로 나오게 되는데요 이런 경우 손모양으로 바꿔주면 좀더 친절한 표현이 되겠죠? 마우스 포인터의 모양을 바꾸기 위해서는 태그 안에 CSS를 사용해서 style="마우스 커서 모양" 을 넣어주면 됩니다. [핵심정리!] 마우스 포인터의 모양을 바꾸기 위해..

HTML/CSS 이야기 홈페이지 만들 때 유용한 텍스트 롤오버 메뉴 만들기 오늘은 홈페이지를 만들 때 많이 쓰이는 텍스트 롤오버 메뉴 메뉴를 만들어 보도록 하겠습니다. 먼저 실행 모습을 보도록 하겠습니다. 여기서 마우스를 올리면 하단에 주황색의 줄이 나타납니다. 한번 만들어 볼까요? HTML을 부분을 보도록 하겠습니다. 메뉴1 메뉴2 메뉴3 메뉴4 그리고 스타일 시트 부분을 보도록 하겠습니다. #Menu { margin-left:0px; /* 왼쪽 여백을 0으로 설정 */ } #Menu li { background-color:#000; /* 배경색을 #000(검정)으로 지정 */ float:left; /* 왼쪽부터 배치 */ width:100px; /* 폭을 100px로 설정 */ color:#777; ..