HTML

#2 HTML 기초 - 텍스트와 관련된 태그들

햅삐한 포메라리안 2021. 3. 6. 22:03
반응형

Line Breaks

단락들을 줄 바꿈과 함께 구성하고 싶을 때가 있습니다. 예를 들어, 사진에서 'Raindrops on roses'가 한 줄에, 'Whiskers on kittens'가 한 줄에 보이면 훤씬 괜찮을 것 같습니다.

 

이때 줄 바꿈을 하게끔 도와주는 태그가 있습니다. line break tag라고 부르고 <br>이라고 줄 바꿈을 원하는 곳에 입력해 주면 됩니다.

 

<br>empty tag입니다. Empty tag는 closing tag나 중간에 내용이 필요하지 않습니다.

 

텍스트에 강조를 주기 위한 element가 있습니다. em element라고 부릅니다. 강조를 주고 싶은 텍스트의 앞과 뒤에 <em>과 </em>을 더하면 됩니다. 이 태그를 이용하면 글씨가 기울어집니다.

 

중요한 텍스트들은 <strong>과 </string>태그를 이용하면 됩니다. 이 태그를 이용하면 글씨가 두꺼워집니다.

 

Head Tags

head element는 <head></head>라고 써주면 됩니다. head element는 웹페이지의 타이틀과 같은 정보들을 담을 수 있습니다. 

 

웹페이지의 title은 웹 브라우저의 탭이나 윈도우에 보입니다. 아래의 탭들을 보게되면 두 개의 웹페이지 타이틀이 있습니다: My webpageGoogle.

 

이렇게 웹페이지에 타이틀을 주기 위해서는 head tag들 안에 <title>과 </title>를 더하면 됩니다.

 

doctype은 웹 브라우저가 어떤 HTML의 버전을 우리가 사용하는지 알려줍니다. doctype을 빼면 브라우저는 화면을 올바르게 표시하지 못할 수도 있습니다. 그러므로 최신 버전을 의미하는 <!doctype html>을 입력해야 합니다.

 

doctype은 empty tag입니다. closing tag가 필요하지 않고 단독으로 쓰입니다.

 

참고-Mimo 어플
반응형