HTML

1.br/ 줄 바꿈

2. hr/ 수평 라인 표시합니다

3.

&nbsp 

공백을 나타냄

4. <a href="" target="" a 태그 지정된 페이지로 이동할 때 사용합니다

5. img src="" alt="" title="" width="" height="" 이미지 태그할때 표시합니다

6. width 가로

7. height 세로

8.mark /mark 하이라이트

9. area 태그 area shape="" coords="" title="" herf=""

이미지 안에 링크 활성화 지역의 크기 설정

10. shape : 영역의 모양 default(이미지 전체), rect, circle, poly

11. coords : map 좌표, shape 크기

12. ul,ol,dl 리스트 ul 태그 순서가 없는 목록을 만들때 사용하는 태그입니다.(점 동그라미 등등)

13. ol 태그 순서가 있는 목록을 만들때 사용하는 태그입니다 (알파벳 로마숫자)

14. dl 태그 정의 목록을 만드는 태그 ( dd는 자동으로 들여쓰기가 가능함)

  							  ( dt는 용어의 제목을 나타내는 태그)

15. table 태그

tr 태그 : row(행)을 만드는 태그입니다.

th 태그 : 테이블 헤더를 정의합니다.

가운데 정렬, 진하게 속성이 자동으로 부여됩니다.

td 태그 : col(열)을 만드는 태그입니다.

caption 태그 표의 재목을 넣어줄때 작성

border 한행을 가로 정렬할때 사용

style=width: 세로 정렬합니다ㅣ

16. 셀 병합

rowspan : 셀을 세로로 합칠때 사용합니다

colsapn : 셀을 가로로 합칠 때 사용합니다

text-align: 문장을 어디 정렬하지 사용한다

17. 표 시멘틱 테이블

- thead : 표의 머리말

tbody : 표의 본문

tfoot : 꼬리말

18. colgroup 태그 (colgroup 태그는 caption 태그 다음에 위치합니다)

표에 하나 이상의 열을 그룹으로 지정할 때 사용

col 태그

table 태그안에 열의 속성을 지정하는 colgroup 태그의 요소입니다

background-color 박스안의 전체 컬러

19. viedo 태그

src : 비디오 파일 경로 지정

width, height : 비디오 파일 크기 지정

type : 확장자에 따른 파일 type 지정

20. iframe

웹페이지 안에 다른 웹 페이지를 표시할 때 사용합니다

21. audio 태그

audio controls autoplay 자동재생

22. form 태그 ( 중요!)

     <form name=""actio="" method="">
     

filedset 태그

- form 태그안에 관련 있는 form 요소들을 그룹화 할 때 사용합니다

legend 태그

- fieldset 요소 그룹에 이름을 지정합니다

23. input 태그 ( 가장많이 쓰임!!)

- form 태그안에 사용되는 가장 중요한 요소로 사용자로부터 데이터를 입력받기 위해서 사용합니다

-input type="" name="" value=""

* type : 입력 태그의 유형 지정

name : 서버로 전달되는 이름 지정( 사용자 임의 지정 )

value : 입력 태그의 초기값을 설정( 사용자 변경 가능 )

24. label 태그

- input 태그의 text label 을 지정합니다

- for 속성을 사용해서 관련 요소들을 묶는 역할을 합니다

이때, 관련 요소들의 id 속성과 동일해야 합니다

25. select 태그 ( 가장 많이 쓰임!)

- 드롭다운을 사용해서 여러개의 항목을 정의합니다

- 서버에 전송되는 데이터는 select 요소의 name 속성에,

option 요소의 value 속성이 값으로 전송됩니다

option 태그

select 태그안의 목록을 생성합니다

optgroup 태그

option 태그를 그룹화 합니다

datalist 태그

- 텍스트를 입력하는 필드에 사전에 정의된 드롭 다운 형식의 목록을 출력합니다

- 사용자가 입력창에 값을 입력하면, option 목록에서 일하는 것을 찾아서 자동완성 기능을 제공합니다

26. textarea 태그 ( 메모 만들때 사용!)

- 여러줄의 글자를 입력할 때 사용합니다

- <textarea rows="" cols"">

* rows : 텍스트 영역의 행(라인)의 수를 지정합니다

cols : 텍스트 영역의 폭(가로)를 지정합니다

button 태그 ( 가장 많이 쓰임)

- 클릭이 가능한 버튼을 만듭니다

autofocus

- 페이지를 불러오자 마자 입력 필드안에 마우스 커서를 위치합니다

required

- 필수 입력 필드를 체크합니다

pattern

- 사용자가 입력할 수 있는 형식을 제한합니다. 정규표현식 적용

* 정규표현식 : 문자열에서 특정 패턴을 찾거나 매칭하는데 사용하는 도구입니다

- 텍스트 검색, 유효성 검사...