책7 5.12 i, b, u, mark 요소(Element) 5.12 i, b, u, mark 요소(Element) i 요소는 텍스트를 이탤릭체로 나타내는데 사용되는 요소로 “텍스트” 의 형태로 사용하고 b 요소는 텍스트를 강조하게 위해서 굵게 나타내고자 할 때 사용하는 요소로 “텍스트”와 같은 형태로 사용합니다. u 요소는 텍스트에 밑줄을 그어 나타낼 때 사용하는 요소로 역시 “텍스트”와 같은 형태로 사용하며 마지막으로 HTML5에 새롭게 등장한 요소로 텍스트에 하이라이트 효과를 줄 때 사용하는 요소이며 “텍스트”의 형태로 사용합니다 간단하게 확인을 하기 위해서 다음과 같이 작성합니다. HTML5의 i 요소는 텍스트를 이텔릭체로 표시합니다. HTML5의 b 요소는 텍스트를 굴게로 표시합니다. HTML5의 u 요소는 텍스트에 밑줄을 그어 나타냅니다. HTML5의 .. 2013. 7. 31. 5.11 small 요소(Element) 5.11 small 요소(Element) small 요소는 단락, 리스트, 섹션 같은 여러 라인이 포함된 텍스트에서는 이용되지 않으며 단순히 한 라인 정도의 짧은 텍스트에 적용할 수 있는 요소로 해당 텍스트를 작게 나타낼 때 다음과 같은 형식을 이용합니다. 텍스트 만일 다음 포탈 사이트의 밑단에 있는 꼬리말(footer) 부분의 “Copyright~” 부분을 small 요소를 이용하여 나타낸다면 다음과 같이 코드를 작성할 수 있습니다. 다음 포탈 사이트(http://www.daum.net) Copyright ⓒ Daum Communications. All rights reserved. 이에 대한 결과는 다음과 같이 기존의 텍스트의 크기보다 작게 브라우저에 해당 부분이 나타나게 됩니다. - 본 저작물은 본.. 2013. 7. 31. 5.10 s 요소(Element) 5.10 s 요소(Element) s 요소는 해당 텍스트가 더 이상 정확하지 않거나 관련이 없음을 나타낼 때 사용하는 요소로 가로로 한 줄을 긋는 형태로 해당 텍스트에 나타내게 되며 다음과 같은 형태로 사용합니다. 텍스트 만일 다음과 같이 웹페이지에 디지털 카메라를 판매하는 문구로 나타내어 고객들에게 판매를 촉진하고자 가정합니다. 위와 같이 기존의 s 요소를 이용해서 특정 텍스트에 가로로 한 줄 긋는 형태로 나타낼 수 있습니다. 위 결과에 대한 코드는 다음과 같습니다. 저희가 만든 고화질 디지털 카메라! 평상시 가격 : 360,000 만원 오늘만 회원들께만 드리는 특별 할인 가격 : 280,000원! - 본 저작물은 본인이 2011년 상반기부터 2012년 여름 즈음까지 도서 출판을 목적으로 약 470 페.. 2013. 7. 31. 5.9 time 요소(Element) 5.9 time 요소(Element) time 요소는 날짜(date)나 시간(time)이나 표준시간대(time-zone) 등을 나타내는데 사용하는 요소로 여기에 datetime 속성을 포함하여 다음과 같은 형식을 사용합니다. 날짜, 시간, 기간(duration) 위와 같이 2 가지 형태로 time 요소를 사용하며 먼저 날짜(date)와 관련하여 나타내는 방법을 알아보면 날짜는 “년-월”, “년-월-일”, “월-일” 형태로 다음과 같이 나타낼 수 있습니다. 2012-01 2012-01-13 01-13 다음으로 시간(time)은 24시간을 기준으로 “시:분:초”의 형태로 다음과 같이 나타낼 수 있습니다. 13:50 13:50:24 13:50:24.4252 날짜(년월일)와 시간을 같이 나타낼 때는 대문자 T .. 2013. 7. 31. 이전 1 2 다음