[Do it! 한권으로 끝내는 웹 기본 교과서 HTML+CSS+자바스크립트 웹 표준의 정석] "HTML-둘째마당: 웹 문서에 다양한 내용 입력하기"

My Study/서적 공부

[Do it! 한권으로 끝내는 웹 기본 교과서 HTML+CSS+자바스크립트 웹 표준의 정석] "HTML-둘째마당: 웹 문서에 다양한 내용 입력하기"

handbefore 2024. 7. 20. 17:11

04 웹 문서에 다양한 내용 입력하기

04-1 텍스트 입력하기

<!DOCTYPE html>
<html lang="ko">
  <head>
    <meta charset="UTF-8">
    <title>상품 소개 페이지</title>
  </head>
  <body>
    <h1>레드향</h1>
    <p>껍질에 붉은 빛이 돌아 <b>레드향</b>이라 불린다.</p>
    <p>레드향은 <em>한라봉과 귤을 교배</em>한 것으로<br>
      일반 귤보다 2~3배 크고, 과육이 붉고 통통하다.</p>
    <p><i>비타민 C</i>와 <i>비타민 P</i>가 풍부해<br>
    <strong>혈액순환, 감기예방</strong> 등에 좋은 것으로 알려져 있다.</p>
    <h2>레드향 샐러드 레시피</h2>
    <h2>상품 구성</h2>
  </body>
</html>

<hn></hn> 제목 텍스트 삽입

텍스트 단락 만들기

줄바꾸기

<blockquote></blockquote> 인용태그

굵게 강조할 텍스트

굵게 표시할 텍스트

이탤릭체로 강조할 텍스트

이탤릭체로 표시할 텍스트

<abbr title="Internet of Things">IoT</abbr>
<p>내가 경험한 가장 흥미진진한 일은 누군가를 만나는 일이다-영화, <cite>'비포선셋'</cite>중</p>
<code>function savetherLocal( )</code>
<p> 가격: 13000원 <small>(부가세 별도)</small></p>
<p>물의 화식은 H<sub>2</sub>0입니다</p>
<p>E = mc<sup>2</sup></p>
<p><s>34,000원</s>19,000원</p>
<p><u>텍스트에 단순히 밑줄 긋기</u></p>
<p><ins>새로운 내용을 삽입합니다</ins></p>
<p><del>기존 내용을 삭제합니다</del></p>

출처

https://easyspub.co.kr/20_Menu/BookView/PUB/421/PUB

easyspub.co.kr