HTML 기본 02

이풀싹·2023년 3월 27일

html

목록 보기

3/5

🤍 HTML에서 <p> 는 문단(paragraph)을 나타내는 요소입니다. 일반적으로 텍스트 콘텐츠를 구성하는 데 사용됩니다. 브라우저에서 자동으로 문단을 구분하고, 각각의 문단이 서로 다른 스타일이나 레이아웃 등을 가질 수 있도록 합니다.

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <p>This is the first paragraph_</p>
    <p>This is the second paragraph_</p>
    <p>This is the third paragraph_<br>
        동해물과 백두산이 마르고 닳도록<br>
        하느님이 보우하사 우리나라만세~~<br>
        무궁화아 삼천리이 화려가앙산</p>
</body>

</html>

🖤<blockquote>,<pre>텍스트 형식을 변경하거나 인용문을 나타내는 데 사용되는 요소입니다. <blockquote> 요소는 인용문을 나타내며, 일반적으로 인용문 안에는 다른 소스나 작업물에서 발췌한 텍스트가 들어갑니다.
<pre> 요소는 서식이 지정된(preformatted) 텍스트를 나타냅니다. 이 요소는 텍스트가 어떻게 표시되는지에 대한 공백과 줄 바꿈을 유지합니다. <pre> 요소는 일반적으로 소스 코드나 텍스트 문서를 포함한 블록 요소를 표시하는 데 사용됩니다.

🖤 HTML에서 <hr>은 문서 내에 수평선(horizontal line)을 삽입하는 데 사용되는 요소입니다. <hr> 요소는 단독으로 사용하며, 시작 태그와 종료 태그를 사용하지 않습니다. 기본적으로 수평선은 문서의 가로폭 전체에 걸쳐 그려지며, 색상은 브라우저 또는 문서 스타일 시트에서 정의한 값으로 표시됩니다. color, size, width, align 등의 속성을 사용하여 수평선의 색상, 높이, 너비 및 정렬 등을 변경할 수 있습니다.

<body>
    <blockquote>
        blockquote 단락은 앞에 공간이 띄워져 있다~~
    </blockquote>
    <blockquote>
        보통 인용문 2 (다른 소스, 작업물)
    </blockquote>
    <p> 이건 p입니다 </p>
    <p> 이것도 마찬가지 입니다. </p>
    <hr>
    <hr>
    <pre>
            세칸_띄우고_쓰기
          두칸_띄우고_6쓰기
         한칸_띄우고_쓰기
    </pre>
</body>

<body>
 <!--align 따로 안적으면 가운데에 표시됨
    width = 가로 "% 나 숫자로 표현가능"  
    size = 세로 .-->
 <hr color="pink" align="left" width="60%" size="40">
 <hr color="pink" align="left" width="600" size="40">
 <hr color="sky blue"  width="50%" size="40">
 <hr color="#0099ff" align="right" width="50%" size="20">
</body>

주석  을 사용합니다

✔🧡💛🤍🖤

이풀싹

이전 포스트

HTML 기본 01

다음 포스트

HTML 기본 02

html

HTML 기본 01

HTML 기본 03

0개의 댓글