Html 태그 작성 문법

1. 태그 내용을 먼저 쓰고, tab을 누른다.

tag랑 소문자 알파벳 쓰면 해당 알파벳으로 시작되는 명령문을 추천해주는데

원하는 명령문을 tab키를 눌러서 활용한다.

*이때 소문자로 쓴다.

 

 

 

2. 태그는 시작 태그와 종료 태그를 같이 쓴다.

일반적인 태그는 시작과 종료가 있다.

<p> ~ </p>

/p가 있는 것이 종료 태그다.

 

 

 

3. Html5 이상은 종료 태그가 없는 태그가 있는데
선택적으로 / 를 넣을 수 있다.

 

(XHtml은 종료 태그를 반드시 표시를 해야 한다.)

 

ex: 이미지를 넣거나 (input), 텍스트 필드를 만들 때

input text 등 종료 태그가 없다.

 

<input type="text"> 이것도 가능하고

<input type="text"/> 이것도 가능하다.

 

 

 

4. 시작태그에 속성을 쓰게 되면
반드시 따옴표 ("") 표시를 해줘야 한다.

시작 태그에 속성 값을 정의할 때는 ""가 필수다.

 

사진을 보면 시작태그에 속성을 정의하는 style은 ""를 꼭 써야 함을 알 수 있다.

 

 

 

5. 일반적으로 태그는 시작과 종료를 나타내지만
선언문이 Html 5이상이면 종료를 하지 않는 것도 있다.

하지만 Xhtml 같은 경우 종료를 해야 한다....

ex: p 태그에서 텍스트를 만들 때 종료가 없는 경우, 실행은 되지만 가능하면 종료를 하는 습관을 갖자.

 

종료를 생략하지 않는 경우

 

기본 태그의 의미는 나중에 더 자세하게 공부할 것이니 태그 작성 문법만 익히자!

table이라는 태그는 표를 만드는 태그다.

그리고 위 사진은 표를 만드는데 있어 기본 구조이다. table 태그에도 시작과 종료가 있으며,

행과 열을 나누는 tr과 td도 시작과 종료가 있다.

 

하지만 html 5이상에서는 <table> 태그의 종료는 생략X

하지만 tr과 td는 생략 가능하다.

(누군가의 코드가 이렇게 써있다고 해서 틀린것이 아닐 수도 있으니 알아는 두자!

다만 초급과정에서는 기본을 지키자!)

종료를 생략한 경우

 

 

 

6. 들여쓰기는 Tab 키, 들여쓰기를 빼려면(?) Tab + Shift

스페이스 바는 간격이 일정하지 않을 수 있어서 지양하자!