코밍이의 하루
[HTML5] 순서 없는 목록 본문
1. 개발 환경
구분 | 내용 |
사용 언어 | HTML5 |
개발환경 | Visual Studio Code |
참고 도서 | [Do it] HTML5 + CSS3 웹 표준의 정석 |
웹브라우저 | Chrome |
2. 주요 문법
태그 | 내용 |
<ul> | 순서가 필요하지 않은 목록을 만들 때 사용 |
<li> | <ul> 태그안에 위치하며 각 항목 표시 |
3. 소스 코드
- ul.html
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="utf-8">
<title>제주 관광 안내</title>
</head>
<body>
<h1>관광 안내 전화 </h1>
<p>한국관광공사에서는 전국의 관광안내소와 공동으로 여러분의 여행편의를 위해 관광안내전화
1330 서비스를 연중무휴 실시하고 있습니다.</p>
<p>1330에는 해당 지역의 지도와 관광 가이드북, 관광안내소를 대신할 수 있을 정도의
다양한 정보가 있습니다. 원하는 관광지는 물론이며 숙박, 교통, 음식점 등의 자세한 정보를
한국어를 비롯한 영어, 중국어, 일어의 3개 국어로도 이용 가능합니다.</p>
<ul>
<li>일반 전화 : (국번없이) 1330</li>
<li>휴대 전화 : 064-1330</li>
</ul>
</body>
</html>
4. 실행 화면
'웹언어 공부 > HTML5' 카테고리의 다른 글
[HTML5] 설명 목록 만들기 (0) | 2021.08.11 |
---|---|
[HTML5] 순서 있는 목록 (0) | 2021.08.11 |
[HTML5] 동아시아 글자 표시하기 (0) | 2021.08.04 |
[HTML5] 일부 텍스트에만 스타일 적용하기 (0) | 2021.08.04 |
[HTML5] 텍스트 인용하기 (0) | 2021.08.04 |