HTML의 기본문법

<h1>hello world!</h1>
<p>hello world! <strong>My</strong> name is Jungwoo Lee.</p> <!--태그의 중첩 가능!-->

☝ HTML은 기본적으로 태그로 구성되어 있음!

• 태그의 시작은 <태그이름> 끝은 </태그이름> 이렇게 작성함

• 웹사이트의 수많은 요소들의 특성을 한 단어로 표현하는 것이 태그.

혹시 한글이 깨지면 태그 안에 를 추가해보자(난 안깨짐)

줄바꿈

• HTML에서 줄바꿈을 위해서는 <br> 태그를 사용 (break의 약어)

<h1>HTML</h1>
Hypertext Markup Language (HTML) is the standard markup language for <strong>creating <u>web</u> pages</strong>
 and web applications.Web browsers receive HTML documents from a web server or from local storage and render them into multimedia web pages.
HTML describes the structure of a web page semantically and originally included cues for the appearance of the document.
<br><br>HTML elements are the building blocks of HTML pages. With HTML constructs, images and other objects,
 such as interactive forms, may be embedded into the rendered page. It provides a means to create structured documents by denoting structural semantics for text such as headings, paragraphs, lists, links, quotes and other items. HTML elements are delineated by tags, written using angle brackets.

• 실행해보면 코드 내에서 임의로 줄 바꾼 것은 표시가 되지 않고, <br>태그를 사용한 곳만 줄바꿈 수행됨.

☝
태그는 닫지 않는다. 감쌀 요소가 없기 때문이다!! 이런 태그가 여러 가지 있다. img, input, br, hr, meta 등등….

• 태그로는 단락을 표현할 수 있다. p태그를 닫으면 줄이 바뀌지만, 보통 줄바꿈**만**을 위해서는 br태그를 이용한다.

  CSS 맛보기!

  <p>Hypertext Markup Language (HTML) is the standard markup language for <strong>creating <u>web</u> pages</strong>
   and web applications.</p> <p style ="margin-top: 45px;">Web browsers receive HTML documents from a web server or from local storage and render them into multimedia web pages.
  HTML describes the structure of a web page semantically and originally included cues for the appearance of the document.</p>

  위에 보이는 style = “margin-top: 45px;” 부분은 CSS!
  html로 만든 틀을 꾸며주는 역할.
  CSS를 사용하면 줄바꿈 등의 문제에서 자유로워지기에, 문단을 작성할때는 <p>가 더 유리함!