<!DOCTYPE html>
<html>
<head>
<title>취소선과 밑줄선 태그</title>
</head>
<body>
<h1>del태그를 이용한 삭제효과, 또는 대체 효과</h1>
<p>오늘 하루만 파격 세일<br>
코트: <del>79,000원</del> 39,900원 </p>
<h1>s태그를 이용한 취소 효과</h1>
<p><s>문서버전: 1.0</s><br>문서버전: 2.0</p>
<h1>ins태그를 이용한 삽입 효과</h1>
<p>기존 컬럼: 번호, 아이디, 비번<br>
변경 컬럼: 번호, 아이디, 비번 <ins>이름</ins> </p>
<h1>u태그를 이용한 밑줄 효과</h1>
<p>아래의 내용에서 <u>바르지 못한</u> 것은?</p>
<h1>sup태그와 sub태그를 이용한 첨자</h1>
<p>sup태그: X<sup>2</sup> + Y<sup>3</sup> = Z</p>
<p>sub태그: 물을 나타내는 화학식은 H<sub>2</sub>O입니다. </p>
</body>
</html>
<small> <mark>
<!DOCTYPE html>
<html>
<head><title>small태그</title></head>
<body>
<h1>small태그</h1>
small태그가 없는 기본 글씨입니다.<br>
<small>small태그가 있는 글씨 크기입니다.</small>
가격 : 5,000원
<small>(부가세 별도)</small>
<p>Do not forget to buy <mark>milk</mark> today.</p>
</body>
</html>
<ul>
<ol>
순서가 있는 태그 숫자가 기본값
<!--내용-->
주석, 다 오픈됨
<ul> <li>
<!DOCTYPE html>
<html lang ="ko"></html>
<head>
<meta charset = "utf-8">
<title>제주 관광 안내</title>
<body>
<h1>관광 안내 전화</h1>
<p>한국관광공사에서는 전국의 관광안내소와 공동으로 여러분의 여행편의를 위해 관광안내 전화 1130서비스를 연중무휴 실시하고 있습니다.</p>
<p>1330에는 해당 지역의 지도와 관광 가이드북, 관광안내소를 대신할 수 있을 정도의 다양한 정보가 있습니다.
원하는 관광지는 물론이며 숙박, 교통, 음식점 등의 자세한 정보를 한국어를 비롯한 영어, 중국어, 일어의 3개 국어로도 이요 가능합니다.</p>
<ul>
<li>일반 전화 : (국번없이) 1330</li>
<li>휴대 전화 : 064-1330</li>
</ul>
</body>
</head>
제주 관광 안내
관광 안내 전화
한국관광공사에서는 전국의 관광안내소와 공동으로 여러분의 여행편의를 위해 관광안내 전화 1130서비스를 연중무휴 실시하고 있습니다.
1330에는 해당 지역의 지도와 관광 가이드북, 관광안내소를 대신할 수 있을 정도의 다양한 정보가 있습니다.
원하는 관광지는 물론이며 숙박, 교통, 음식점 등의 자세한 정보를 한국어를 비롯한 영어, 중국어, 일어의 3개 국어로도 이요 가능합니다.
일반 전화 : (국번없이) 1330
휴대 전화 : 064-1330
<ol> 순서가 있는 태그 숫자가 기본값 <li>
ol, ul 패딩 dl 마진
sta
<!DOCTYPE html>
<html lang ="ko">
<head>
<meta charset = "utf-8">
<title>1박 2일 가족 여행 코스</title>
<body>
<h1>기기 작동 순서</h1>
<ol>
<li>우측상단의 전원버튼을 켭니다.</li>
<li>격자무늬 메뉴버튼을 누릅니다.</li>
<li>종료합니다.</li>
</ol>
<h1>1박 2일 가족 여행 코스</h1>
<ul>
<li>1일차
<ol type="A">
<li>해녀박물관</li>
<li>낚시체험</li>
</ol>
</li>
<li>2일차
<ol type ="a" start ="3"> //start 숫자로만 기재 가능
<li>용눈이오름</li>
<li>만장굴</li>
<li>카약체험</li>
</ol>
</li>
</ul>
</body>
</head>
</html>
html태그 형식 <시작태그명>컨텐츠</종료태그명> **반드시 <태그명 기술시 공백을 넣으면 안 된다> <시작태그명 속성명="값" 속성명='속성명:값;속성명:값;...;'>컨텐츠</종료태그명> **반드시 속성은 시작태그안에만 기술할 수 있다.
**속성명="속성명:값;속성명:값;..." 형식으로 기술되는 속성은 style속성만 가능하다. 다른 속성은 속성명="값"의 형식으로 기술됨.
빈태그 <empty>
시작태그만 존재 <!DOCTYPE html> <meta charset ="UTF-8"> <hr> <br>
블럭레벨 특징
- 위아래 margin(바깥여백)이 존재한다. - width(가로) 100% - height는 컨텐츠 높이만큼 - 항상 새 줄에서 시작한다. - 위아래 margin이 겹치는 부분은 더 큰 margin으로 겹쳐져서 표현 - width, height, margin(바깥여백), padding(안쪽여백) 조정 가능하다. - 특수한 경우의 블럭레벨 요소를 제외하고는 모든 인라인레벨요소와 블럭레벨 요소를 감쌀 수 있다.
인라인레벨 특징
- margin, padding 모두 없음 - 줄 바꿈 안 됨 - 한 줄에 나열할 수 있다. - width, height는 컨텐츠의 크기 만큼의 영역만 가진다. - width, height조절 불가 - padding은 조절 가능(4방향 모두) - margin은 좌우만 조절가능(상하조절 안됨) - 특수한 경우의 인라인레벨 요소를 제외하고는 인라인레벨 요소는 인라인 레벨 요소들만 감쌀 수 있다.
특수케이스의 블럭레벨의 종류
<ul>, <ol>
마커를 표현하기 위한 영역부분인left padding이 존재한다.
<dt>
위아래 여백없음
<dd>
위아래 여백없음, 왼쪽마진이 존재함 (임대영역이 100%, 실 사용영역은 마진을 제외한 영역이 실제 컨텐츠의 너비(width)임)
