2.Basic HTML

2.1 Basic Html

• Hypertext Markup Language

: describes the contect and structure of information on a web page

- Surrounds text content with opening and closing tags("<>")

- Each tag's name is called an element

ex) <element> contents </element>

- Most whitespace is insignificant in HTML

-We will use a newr viersion called HTML5

• Structure of an HTML page

• 기본 Tag 설명

Page title : <title>

홈페이지에 이름을 정해주는 것이다.

Paragraph : <p>(Block)

Headings : <h1> , <h2> , <h3> , <h4> , <h5> , <h6>

1~6까지 숫자가 커지면 글씨크기는 작아진다.

Horzontal rule : <hr>

중간에 줄을 귿는 태그

• 속성 Tag 설명

• Links : <a>

상대주소, 절대주소 모두 가능하다. 

• * Block and inline elements

Block은 어느 정도 크기의 콘텐츠를 말한다. Inline은 작은 컨텐츠 이다 혼자쓰이지는 않는다. 무조건 block안

• Images : <img>

src로 파일을 주고 alt는 대체문구인데 꼭써줘야된다. img와 link를 같이 자주쓴다. title주면 마우스 올리면 글자

• Line break : <br>

br을 과도하게 쓰지는 말자 enter 효과이다.

• Phrase elements : <em>, <strong>

강조해준다.

• *Nesting tags

앞에 태그를 쓰면 끝태그도 꼭 써줘야 한다.

• *주석

2.2 More HTML Elements

• Unordered list : <ul>, <li>

ul 안에도 ul을 쓸수 있다!

• Ordered list <ol>

• Definition list : <dl>, <dt>, <dd>

3개 같이써야된다!

• Quotations : <blockquote>

위에의 예제에서는 <p> 가 element가 된다.

• Inline quotations : <q>

위의 질문에는 어떻게 대답해야될까? 

ans) HTML에서는 "를 &quot;으로 나타낼 수 밖에 없다. <q>를 쓴 이유는 CSS랑 같이 쓰려고

• *HTML Character Entities

• *HTML-encoding text

• Deletions and insertions : <del>, <ins>

• Abbreviations : <abbr>

• Computer code : <code>

• Preformatted text : <pre>

• Web Page metadata : <meta>

이 html문서를 설명해주는 것이다. head에 있어야함

• Favorites icon : ("favicon")

홈페이지 이름 옆에 있는 사진이다.

• HTML tables : <table>, <tr>, <td>

• Table headers, captions : <th>, <caption>

2.3 Web Standards

• Validator : 자신의 html코드가 이상이 없는지 확인해주는 사이트 

 :   validator.w3.org

• HTML5으로 오면서 바뀐점

• 이미지 종류 

• 오디오 종류

• 비디오 종류

• video <video>

• youtube <iframe>