코밍이의 하루
[HTML5] 기본적인 텍스트 입력하기 본문
1. 개발 환경
| 구분 | 내용 |
| 사용 언어 | HTML5 |
| 개발환경 | Visual Studio Code |
| 참고 도서 | [Do it] HTML5 + CSS3 웹 표준의 정석 |
| 웹브라우저 | Chrome |
2. 주요 문법
| 태그 | 내용 |
| <hn> | 제목 표시, <h1>~<h6>사용, <h6>이 제일 작은 크기의 제목 |
| <p> | 단락을 만들 때 사용 |
| <br> | 줄 바꿀 때 사용 |
| <hr> | 수평 줄 넣을 때 사용 |
| <blockquote> | 인용문 넣을 때 사용 |
3. 소스 코드
- text-1.html
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="utf-8">
<title>제주 이색 여행지</title>
</head>
<body>
<h1>제주 이색 여행지</h1>
<h2>야외 텐트를 닮은 건축물 "테쉬폰"</h2>
<p>아일랜드 출신 임피제 신부가 1954년 제주에 오면서 목장 숙소로 짓기 시작한 후 사료공장, 성당으로 활용됐습니다.</p>
<p>제주에서 점차 다른 지방으로 보급됐지만 현재 제주에만 건축물이 남아있는데, <br>
국내 근현대 건축사의 한 페이지를 보여주는 가치를 지닌다고 전문가들은 평가합니다.</p>
<hr>
<blockquote>성이시돌목장은 제주특별자치도 제주시 한림읍 금악리에 있는 목장이다.
특히 이시돌목장은 제주 지역 최초의 전기업목장(全企業牧場)으로 1961년 11월 말 제주시 한림읍
금악리에 세워 양돈 사업을 실시하였으며 면양을 사육하였던 것으로 알려져 있다.
이시돌목장의 특색있는 건축양식으로 테쉬폰도 유명하다. (출처:향토문화전자대전)</blockquote>
</body>
</html>
4. 실행 화면
'웹언어 공부 > HTML5' 카테고리의 다른 글
| [HTML5] 동아시아 글자 표시하기 (0) | 2021.08.04 |
|---|---|
| [HTML5] 일부 텍스트에만 스타일 적용하기 (0) | 2021.08.04 |
| [HTML5] 텍스트 인용하기 (0) | 2021.08.04 |
| [HTML5] 텍스트 강조하기 (0) | 2021.08.04 |
| [HTML5] 소스 코드 표시하기 (0) | 2021.08.04 |
'웹언어 공부/HTML5' Related Articles
more
