HTML -2
2020. 6. 9. 12:15ㆍWeb(CSS)
| <html> |
| <head> |
| <title>html수업 첫번째 - 문단과 제목글자 등</title> |
| </head> |
| <body> |
| <h1>문단과 제목글자 등</h1> |
| <p> |
| <b>p</b> = 문단 구성 태그<br> |
| <b>br</b> = 줄바꿈 태그<br> |
| <b>pre</b> = 공백 표현 태그<br> |
| <b>hn</b> = 제목글자 태그 <b><i>(n은 1~6 까지)</i></b> |
| <br> |
| <b>hr</b> = 수평선 생성 태그 |
| </p> |
| <hr> |
| <h2>hn 제목글자 태그</h2> |
| <h1>h1태그</h1> |
| <h2>h2태그</h2> |
| <h3>h3태그</h3> |
| <h4>h4태그</h4> |
| <h5>h5태그</h5> |
| <h6>h6태그</h6> |
| <h7>h7태그?</h7> |
| <h8>h8태그?</h8> |
| <hr> |
| <h2>글자와 관련된 태그들</h2> |
| <p> |
| <b>b = 볼드체</b> 글자를 두껍게 <br> |
| <i>i = 이텔릭체</i> 글자를 기울임 <br> |
| <strong>strong = 볼드체</strong> |
| (중요한 내용이므로) 글자를 두껍게 <br> |
| <em>em = 이텔릭체</em> (강조한 내용이므로) 글자를 기울임<br> |
| <small>small = 글자축소</small> 글자를 작게 <br> |
| <sup>sup = 윗첨자</sup> 글자를 작게 위로 |
| 300km<sup>2</sup> <br> |
| <sub>sub = 아랫첨자</sub> 글자를 작게 아래로 |
| H<sub>2</sub>O <br> |
| <mark>mark = 마크효과</mark> 글자에 형광펜 효과 |
| </p> |
| <h3>특수문자 태그</h3> |
| <p> |
| &lt; = < <br> |
| &gt; = > <br> |
| &amp; = & <br> |
| &nbsp; = (공 백)<br> |
| <br> |
| &copy; = © <br> |
| &reg; = ® <br> |
| &trade; = ™ |
| </p> |
| <p> |
| <b>w3schools.com에서 특수문자 태그 보기</b> <br> |
| <a href="https://www.w3schools.com/html/html_entities.asp" |
| target="_blank">특수문자 태그 1</a> <br> |
| <a href="https://www.w3schools.com/html/html_symbols.asp" |
| target="_blank">특수문자 태그 2</a> <br> |
| </p> |
| </body> |
| </html> |
기초부터 하나하나 적용해보며 배워보는 시간이었다.
눈으로 바로바로 보이는 점이 흥미로웠고, 생각보다 따라가는데 지장이 없어 자신감이 생기는 시간이었다.
다시 대학 새내기 때의 마음으로 돌아간 것 같이 뭐든 할 수 있을 것 같다.