https://www.youtube.com/user/easyspub
easyspub
'사람을 구체적으로 도와주는 책'을 만드는 이지스퍼블리싱 출판사입니다. 도서 내용과 관련된 문의는 Do it! 스터디 룸 (https://cafe.naver.com/doitstudyroom) 또는 영상 상세 설명에 있는 저자님의 이메
www.youtube.com
⭐선택한 텍스트 글자에만 적용되는 것이 아니라 텍스트가 포함된 블록 전체에 적용된다.
✔<hn>태그 : 제목 표시하기(heading)
👉기본형 : <hn>제목</hn>
👉제목을 뜻하는 heading의 줄임말인 'h'와 제목 크기를 나타내는 숫자(1~6)를 사용
<h1>이 가장 큰 제목이고, <h6>이 가장 작은 크기의 제목이다.
h1 > h2 > h3 > h4 > h5 > h6
✔<p>태그 : 단락 만들기(paragraph)
👉기본형 : <p> 텍스트 </p>
👉앞뒤에 줄바꿈(빈줄)이 있는 텍스트 덩어리를 만든다
✔<br>태그 : 줄 바꾸기(break)
👉기본형 : <br>
👉줄바꿈을 하려면 줄을 바꿀 위치에 <br>태그를 사용
닫는 태그가 없다
✔<hr>태그 : 분위기 전환을 위한 수평 줄 넣기(horizontal)
👉기본형 : <hr>
👉수평 줄을 넣을때 사용한다.
텍스트의 단락의 주제가 바뀔 때 분위기 전환용으로 사용
CSS를 이용해 가로선을 없앨 수 있다.
닫는 태그는 없다
✔<blockquote>태그 : 인용문 넣기
👉기본형 : <blockquote> 인용 내용 </blockquote>
다른 블로그나 사이트의 글을 인용할 경우 사용한다.
👉인용한 문장은 다른 텍스트보다 안으로 들여써진다.
✔<pre>태그 : 입력하는 그대로 화면에 표시하기(preformat)
👉기본형 : <pre> 텍스트 </pre>
HTML에서는 아무리 많은 공백을 넣어도 브라우저 창에는 한 개의 공백만 표시된다.
👉<pre>태그는 소스에 표시한 공백이 브라우저에 그대로 표시된다.
프로그램 소스를 표시할 때도 소스 형태를 그대로 브라우저 창에 보여준다.