모르는개 HIML
HTML 텍스트 <h>,<p>,<br> ,특수문자
스트라컴
2021. 2. 17. 14:34
안녕하세요 산책입니다. 오늘은 HTML의 기본 문자 중
텍스트에 대해 알아보려고 합니다.
1.<h1>~<h6>
보시는 것과 같이 <h1> 태그의 글 제목 크기가 제일 크고 <h6>가 가장
작은 걸 알 수 있어요.
여기서 글자 크기를 바꾸거나 색을 바꾸려면
css 사용해야 되는데 약간 맞보기만 보여드리자면
<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 표기 | 기호 | 설명 |
| 공백 | |
< | < | '~보다 작다. lt는 'less then'의 약어 |
> | > | '~보다 크다. gt는 'greater than' 약어 |
& | & | 앤퍼샌드(ampersand) |
" | " | 쌍따옴표 |
' | ' | 단따옴표 |
© | 저작권 기호 |
오늘은
자주 사용되는 HTML 태그와 기호 등을 알아보았습니다.
거의 100프로 쓰신다고 보시면 될 거 같아요.
그럼 다음에도 좋은 정보로 돌아오겠습니다.