HTML 태그

HTML 태그는 HTML요소라고도 부르며, HTML 문서를 구성하는 기본 단위이다.

 

1. <html> : 웹 페이지의 시작과 끝

2. <head> : 웹 페이지의 정보. 머리말

3. <meta> : 정보에 대한 정보를 알려줌

4. <title> : 문서 제목

5. <body> : 본문

6. <p> : 단락, 문단, 절

7. <h1> ~ <h6> : 제목, 글자 크기 (h1이 제일 큼)

8. <hr> : 단락 구분, 문서의 구분선

9. <br> : break, 줄 바꿈

10. <div> : HTML 문서 영역이나 섹션의 분할

11. <span> : inline요소. 줄바꿈, 폭, 높이 적용 안됨. 인라인 요소들을 그룹화 하는데 사용

12. <table> : 표. 세로 정렬이 자동. 게시판에 주로 이용

  • boarder : 테이블의 선 두께
  • cellpadding : 셀 안쪽 여백
  • cellspacing : 셀과 셀 사이 간격
  • width : 테이블의 넓이
  • summary : 요약

13. <caption> : summary역할. css에서 안보이게 함

14. <colgroup> : 열 그룹. 구조적인 그룹화를 위해 사용

15. <col> : 빈 태그이지만 유일하게 self colse가 없음. 열의 속성 값과 스타일을 지정

16. <thead> : 테이블 헤어 행 그룹

17. <tbody> : 테이블 내용 행 그룹

18. <tfoot> : 테이블 푸터행 그룹. 계산 시 합계 부분에 주로 이용.

19. <th> : 셀 제목으로 지정하여 강조되게 표시

20. <tr> : 테이블 내의 한 행을 정의하는 태그. table row

21. <td> : 각 행에 포함된 셀을 만들 때 사용되는 태그. table data, td의 개수는 th의 개수와 일치해야 함. inline요소

  • colspan : 가로 행을 합쳐줌
  • rowspan : 세로 열을 합쳐줌

22. <ol> : 순서가 있음. 앞에 넘버링이 붙음.

23. <li> : 순서가 없음. 앞에 기호가 붙음.

24. <dl> : 정의 목록

25. <dt> : 항목

26. <dd> : 설명

27. <a> : 링크 연결 inline 요소

  • href : 목적지, url
  • target : 보여질 위치 (_blank : 새창, _self : 이동, _parent : 먼저 띄워진 창, _top : 현재 띄워진 가장 최상단에 위치한 창)
  • name : a태그의 이름 지정 (북마크 역할)
  • title : 링크에 대한 설명

28. <img> : 이미지가져오기. inline

29. <form> : 입력을받음. 게시판, 설문조사, 회원등록 등 폼 속성

  • name : 전송될 데이터의 이름
  • action : 입력된 데이터가 전송될 페이지를 지정. value는 url
  • method : 입력 데이터가 처리될 방식
  • value

30. <fieldset> : form 안에 논리적으로 묶인 구성요소를 그룹으로 묶을 대. 사각형 모양으로 표시

31. <legend> : fieldset에 대한 설명

32. <label> : 리더기가 읽어주는 부분(웹 접근성)에서 중요한 요소. 다양한 폼 서식의 설명 

33. <input> : 입력 상자.

  • name : 필수 입력. 이름 지정
  • value : 입력 구성 요소의 값을 지정
  • checked : 'checked', 'radio'일 경우 체크 된 상태로 표시
  • maxlength : 타입 속성이 text, password일 경우 입력 가능한 최대 문자수를 지정
  • readonly : 타입 속성이 text, password일 경우 요소의 값을 수정할 수 없는 읽기 전용으로 지정
  • disabled : 페이지가 로드될 때 폼 구성요소를 선택할 수 없게 함. 수정 불가능
  • type : 입력 구성 요소의 종류를 지정

34. <textarea> : 긴 글 작성 시 사용. 여러 줄의 텍스트를 입력할 수 있는 상자를 만듦.

35. <select / option> : 선택 메뉴, select 요소 내의 태그에 목록에 있는 사용 가능한 옵션을 정의

36. <button> : 버튼 생성, submit, reset, button. 유일하게 css값을 가지고 있는 태그

 

 

 

 

출처 m.blog.naver.com/PostView.nhn?blogId=windyseo&logNo=221563865293&proxyReferer=https:%2F%2Fwww.google.com%2F

저작자표시

'프로그램 > HTML CSS JavaScript' 카테고리의 다른 글

[CSS] CSS 속성  (0) 2021.03.15
[HTML] HTML 구조  (0) 2021.03.03
FrontEnd : HTML, CSS, JAVASCRIPT 이해  (0) 2021.03.03

+ Recent posts

티스토리툴바