HTML태그들 정리

HTML

• <h1~h6> : 헤더 태그
• <h1> 글 제목1 태그 입니다. </h1>
• <p> : 문단 태그
• <p> p 태그 : 문단 구분 </p>
• <br> : 줄바꿈 태그
• 하이퍼 텍스트 마크업 언어 <br>(영어:HyperText Markup Language , HTML ,문화어 : 초본문표식달기언어 , 하이퍼본문표식달기언어 )는 <br>웹페이지를 위한 지배적인 마크업 언어이다.
• <img> : 이미지 태그
• <img alt="강아지사진설명" src="강아지.jpg" width="150px">
• 상대경로 vs 절대경로절대경로 : <img alt="" src="http://localhost:8080/front/HTML/강아지.jpg" width="100%">
• 상대경로 : <img alt="" src="../img/강아지.jpg" width="50%">
• <audio> : 오디오 태그
• <audio controls="controls"> <source src="../img/오디오.mp3"> </audio>
• <video> : 비디오 태그
• <video controls="controls" width="300px;"> <source src="../img/동영상.mp4"> </video>
• <ul> <ol> <li> : 리스트 태그<ol> <!-- 순서가 있는 목록 [ 글머리=번호 사용 ] --> <li> 강호동 </li> <li> 유재석 </li> <li> 신동엽 </li> </ol>
• <ul> <!-- 순서가 없는 목록 [ 글머리=특수문자 사용 ] --> <li> 강호동 </li> <!-- 항목 --> <li> 유재석 </li> <li> 신동엽 </li> </ul>
• <form> : 폼 태그
  1. type
  2. type="text" : 문자 입력 상자
  3. type="password" : 가려진 문자 입력 상자
  4. type="radio" : 동그라미 선택 버튼 [ 복수x : name 동일하게 사용 ]
  5. type="checkbox" : 네모 선택 버튼 [ 복수o ]
  6. type="button" : 버튼 상자
  7. type="submit" : 폼 전송 [ JAVA로 이동할 예정 ]
  8. type="reset" : 폼 내용 초기화
  9. type="color" : 색상 선택
  10. type="date" : 날짜 선택
  11. type="datetime-local" : 날짜/시간 선택
  12. type="email" : 이메일(@) 포함 문자 입력
  13. type="month" : 월 선택
  14. type="time" : 시간 선택
  15. type="week" : 주 선택
  16. type="number" : 범위내 숫자 선택
  17. type="range" : 범위스크롤내 숫자 선택 min='최소값' max='최대값' step='증가단위'
  18. value="값" : 상자 안에 넣을 데이터[값]
  19. readonly="readonly" : 읽기모드 [수정불가]
  20. disabled="disabled" : 사용금지 모드
  21. placeholder="가이드 문자" : 입력 가이드 라인
  22. autofocus="autofocus" : 포커스[커서] 위치
  23. name ="이름" : 태그의 식별 이름[아무거나]
  24. checked="checked" : 체크된 상태 <select> : 목록 상자 <option> : 목록의 항목[값] <textarea> : 긴글 텍스트 [속성] rows : 가로 텍스트 길이 cols : 세로 텍스트 길이
• 폼 양식 : 사용자가 키보드로 입력 하거나 마우스 선택할수 있는 서식 <input> [속성]
• <table> : 테이블 태그<tr> : 행 추가<td> : 데이터(셀) 추가
  1. border : 테두리 선 굵기
  2. rowspan : 행 병합
  3. colspan : 열 병합
• [ 속성 ]
• <th> : 제목 추가
• <table>