코딩 신생아가 새싹을 틔워서 꽃이 될때까지

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>태그는 소스에 표시한 공백이 브라우저에 그대로 표시된다.

프로그램 소스를 표시할 때도 소스 형태를 그대로 브라우저 창에 보여준다.

 

 

반응형

공유하기

facebook twitter kakaoTalk kakaostory naver band
loading