본문 바로가기
○ WEB/19.03 FastCampus_HTML

HTML 기본 / 엘리먼트(태그표현,속성,종류) / 테이블태그 / 리스트태그

by 0ver-grow 2019. 6. 4.
반응형

1. HTML의 약자와 의미는?

Hyper

Text

Markup

Language

웹브라우저에 하이퍼텍스트(콘텐츠 연결링크) 기능(특정 구조로 이뤄짐)을 가진 문서를 만드는 언어

정형화된 문법으로 표현하여 웹을 보여줌

 

2. HTML 형식

표식은 태그로 불린다.

태그는 열고닫는 형태의 쌍(이를 Element라고 부름)을 이룬다

<tag > contents </tag> 

 

3. 속성,설정값은 어디에 위치하는가

<tag 속성값> contents </tag>

예시1) <a href="연결주소"> contents </a>

예시2) <img src="연결주소"> contents

+) 예시2의 img태그는 닫는 태그가 없는데 이를 empty element라고 한다

 

4. HTML5를 선언.명시해야하는 이유는?

HTML은 버전별로 지원하는 태그가 다르기에 어떤 버전으로 작성되었는지 미리 선언하여

브라우저가 버전에 맞는 내용을 표시하도록 하기 위함 

 

5. HTML5버전은 어디에 명시하고 어떻게 명시하는가? 

코드 최상단

<!doctype html>

 

6. HTML template 기본적으로 들어가는 문구는 무엇이며 역할은 무엇인가

head

          웹페이지를 보여주기 전 어떤 형식으로 보여줄지를 명시

meta charset

          어떤 형식의 언어로 표현할지를 명시

title

          웹페이지의 페이지명을 명시

body

          실제 보여주고자하는 것을 직접 명시

 

7. 태그의 포함관계란?

엘리먼트 간의 관계(부모,자식,시블링)을 나타냄.

HTML tree라고 부른다

 

8. 엘리먼트에 설정값 주기

<a href="연결주소"> contents </a>d

href란 hyper reference

이처럼 태그명 다음에 설정값, 속성값을 입력한다.

 

9. 식별자역할을 하는 속성은?

<tag id=""> contents </tag>

<tag class=""> contents </tag>

 

9.1 id,class 속성은 어디에 어떻게 입력해야하는가?

head태그 > style태그 > id,class 속성을 선언한다

id속성은 #'id이름'

class속성은 .'class이름'

 

10. element의 종류 2가지?

블록 요소

인라인 요소

 

11. 블록 요소의 특징 3가지?

a. 자동 줄바꿈

b. 블록요소안에 블록요소 포함불가(범용요소인경우 블록요소를 포함할 수 있음)

c. 블록요소안에 인라인요소 포함가능

 

12. 블록 요소 태그 종류

div p h

address

ol ul li

area dd dt

 

13. 블록요소이면서 범용요소인 것은?

div

address

li

dd

p

 

14. 인라인 요소의 특징 3가지?

a. 자동 줄바꿈 안됨

b. 블록요소 포함불가

c. 인라인요소 포함가능

 

15. 인라인 요소 종류

img a

area map span

sub sup

strong em

abbr acronym q

 

16. 테이블 태그란?

행과열이 나뉜 표 형태의 태그

 

17. 테이블 태그를 표현하기 위한 태그?

 

caption

          테이블의 제목 표현

thead

          테이블태그의 제목 태그를 표현하기 위해 사용하는 부모태그

tr

          행,row를 의미

th

          제목행의 하나의 열, 각각을 의미

 

tbody

          테이블태그의 내용 태그를 표현하기 위한 부모태그

tr

          행,row 의미

td

          내용행의 하나의 열, 각각을 의미

 

18. 목록형태의 콘텐츠 표현태그는 무엇이 있는가?

ul

ol

 

19. ul, ol태그는 무엇의 약자이며 기능의 차이는 무엇인가?

UL

          Unordered HTML List

          단순한 점으로 리스트 나열

OL

          Ordered HTML List

          리스트에 번호를 매김

 

20. ul,ol태그에 입력된 컨텐츠들은 자동줄바꿈이 되는 이유는?

그리고 ul,ol태그는 블록요소이기에

입력한 리스트는 자동 줄바꿈된다.

 

반응형