[HTML/CSS] 2022.09.19 - html 기본 태그

❓

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<h1>★요리 관련 자격증</h1>
<p>
	<h3>- 커피 바리스타 자격증<h3>
	<h3>- 제과제빵 자격증</h3>
	<h3>- 조리 기능사 자격증</h3>
</p>
</body>
</html>

❓

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<h2>세상에서 가장 맛있는 음식(어머니의 요리)</h2>
<p>
<b>집에서 먹는 음식(어머니의 요리)</b>이 세상에서 가장 맛있는 음식입니다. 
그렇게 생각하지 않으세요? 아니라고요? 사실 전 어머니 요리보다 
제가 직접 해먹는 것이 더 맛있을 때도 가끔은 있답니다.
</p>
</body>
</html>

❓

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<h2>커뮤니티</h2>
<ul>
	<li>자유게시판</li>
	<li>공지사항</li>
	<li>셰프이야기</li>
	<li>이벤트 게시판</li>
</ul>

</body>
</html>

❓

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<h2>가장 좋아하는 음식은 무엇인가요?</h2>
<ul type="none">
	<li>가.불고기</li>
	<li>나.라면</li>
	<li>다.떡볶이</li>
	<li>라.삼겹살</li>
</ul>
</body>
</html>

💡

Ol type은 기본값은 숫자로 표현가능.

알파벳 대소문자 또는 로마자로 변경가능하다.

“가나다”순은 없으므로 type지정을 “none“으로 하여, 직접 기입 해야 한다.

❓

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<h3>체험안내</h3>
<ul>
	<li>운영기간 : 5월 중순~ 10월 말</li>
	<li>운영시간 : 평일 10:00 ~ 17:00 /공휴일 및 주말 10:00 ~ 18:00</li>
	<li>체험방법 : 운영시간 내 예약없이 체험 가능</li>
</ul>
<h3>단체예약 유의사항</h3>
<ol>
	<li>단체 예약 인원은 <b>10인</b>부터 가능합니다.</li>
	<li><b>이용 시간은 협의가능</b> 합니다.</li>
	<li><b>인솔교사</b>가 인솔해야 합니다.</li>
</ol>
</body>
</html>