모르는개 HIML

HTML 텍스트 <h>,<p>,<br> ,특수문자

스트라컴 2021. 2. 17. 14:34

안녕하세요 산책입니다. 오늘은 HTML의 기본 문자 중

텍스트에 대해 알아보려고 합니다. 

 

1.<h1>~<h6>

<h1>~<h6>

보시는 것과 같이 <h1> 태그의 글 제목 크기가 제일 크고  <h6>가 가장 

작은 걸 알 수 있어요.

 

여기서 글자 크기를 바꾸거나 색을 바꾸려면 

css 사용해야 되는데 약간 맞보기만 보여드리자면 

사진2

<body>

<h1 style="font-size:50px">HTML h1 </h1>
<h2 style="color:red">HTML h2 </h2>


</body>

 

<h1>, <h2> 태그 안에 이렇게 css  문법을 넣으면 사진 2처럼 

글자 폰트 크기와 색을 바꿀 수가 있어요!

 

 

2. 단락 -<p>

 

<P> 태그는 웹 페이지에서 단락을 만드는 데 사용된다.  위에 보이는 것처럼 각 단락 다음에는 

빈 줄이 자동으로 생성돼요.

 

3. 줄 바꿈 -<br>

줄바꿈 

 

위 사진을 보면  왼쪽에서는  줄 바꿈을 해줬는데 브라우저 실행에서는 한 문장으로 표시됩니다.

 

<br>을 써주면 어떻게 될까?? 

 

<p>
1. 가는 말이 고와야 오는 말이 곱다.<br>
2. 말 한마디로 천냥 빚을 갚는다. <br><br><br>
3. 티끌모아 태산이 된다. </p>
  

이렇게 줄 바꿈이 일어납니다. 

아주아주 많이 쓰는 태그니 꼭 기억 하자고요! 

 

4. HTML  특수문자 

특수문자

표로 정리하자면 이렇게 된다.

 

HTML 표기 기호 설명
&nbsp;   공백
&lt; < '~보다 작다. lt는 'less then'의 약어 
&gt; > '~보다 크다. gt는 'greater than' 약어
&amp; & 앤퍼샌드(ampersand)
&quot; " 쌍따옴표
&#039; ' 단따옴표
&copy;   저작권 기호 

오늘은 

자주 사용되는 HTML 태그와 기호 등을 알아보았습니다. 

 

거의 100프로 쓰신다고 보시면 될 거 같아요.

 

그럼 다음에도 좋은 정보로 돌아오겠습니다.