Front-End Study/HTML 사전

● button 태그 - 버튼을 삽입함 - - submit 속성 : 폼을 서버로 전송함 - reset 속성 : 폼에 입력한 모든 내용을 초기화함 - button 속성 : 기능은 없는 그냥 버튼
● textarea 태그 - 여러 줄을 입력하는 텍스트 영역 생성 -
● table, tr, td, th 태그 - table 태그 : 표의 기본 틀을 생성 - tr 태그 : 표의 행을 생성 - td 태그 : 표의 열을 생성 - th 태그 : 표의 제목 셀을 생성
● ul, li 태그 - 순서 없는 목록 생성 - 태그를 사용하고 태그 안에 태그를 사용해 각 항목을 표시함 ● ol, li 태그 - 순서 있는 목록 생성 - 태그를 사용하고 태그 안에 태그를 사용해 각 항목을 표시함 - - type 속성 : 순서의 종류 - 1 : 숫자(기본값) - a : 영문 소문자 - A : 영문 대문자 - i : 로마숫자 소문자 - I : 로마숫자 대문자 - start="시작 번째 수" 속성 : 중간 번호부터 시작 가능 - reverse 속성 : 항목을 역순으로 표기 ● dl, dt, dd 태그 - 설명 목록 생성 - 태그 : 목록 - 태그 : 제목 - 태그 : 설명
텍스트 관련 태그 ※ abc 순으로 정렬 ● blockquote 태그 - 인용문 넣기 - ● br 태그 - 줄 바꿈 태그 - (닫힌 태그 필요 X) ● em 태그, i 태그 - 이탤릭체로 표시 - - ● hn 태그 - 제목 표시 태그 - - hn 태그는 크기 순으로 1~6까지 존재 ● hr 태그 - 수평 줄 넣기 - (닫힌 태그 필요 X) - 가로선이 삽입됨 ● mark 태그 - 형관헨 효과 내기 - - 선택된 부분의 배경색이 노란색으로 변함 ● p 태그 - 단락 생성 태그 - - p 태그는 줄바꿈 없이텍스트를 한 줄로 표시 ● pre 태그 - 입력하는 그대로 화면에 표시 - 소스의 형태를 그대로 브라우저 화면에 표시함 ● q 태그 - 인용내용 표시 - - blockquote는 블록레벨 태그이지만, q ..
● a 태그 - 하이퍼링크를 걸어주는 태그 - - _self : 링크 내용을 현재 페이지에 표시 (기본값) - _blank : 링크 내용을 새 창 or 새 탭에 표시 - _parent : 프레임 사용 시, 링크 내용을 부모 페이지에 표시 - _top : 프레임 사용 시, 링크 내용을 전체 화면에 표시 - 프레임명 : 직접 프레임명을 명시해서 사용 ● img 태그 - 이미지를 삽입하는 태그 - 닫는 태그는 없음 - - src=" " : 이미지 파일 경로 지정 - alt=" " : 이미지를 설명해 주는 대체 텍스트 (이미지가 나오지 않을 경우를 대비) - width, height : 이미지 크기 조정 (CSS로 대체 가능) ※ , 태그로 이미지에 설명 글 붙이기 가능
NewBean
'Front-End Study/HTML 사전' 카테고리의 글 목록