1. Form2. 입력 3. input 이외 입력 태그 Formmethod : 해당 폼을 서버로 전송하는 방법 ( Get 또는 Post 방식 )action : 해당 맵핑되어있는 URL로 전송type : 텍스트, 패스워드 등, 유형에 따라 결정id : label 과 연계 또는 해당 태그의 고유 속성값 부여name : 서버로 전송시, 해당 값을 보고 판단 (기준) 태그와 같이 사용되며, 해당 input 박스의 텍스트 설명으로 주로 사용됨for : id속성과 동일하게 사용하여 맵핑 일반 속성placeholder : 입력전에 표시되는 텍스트text텍스트 입력maxlenth : 최대 길이 설정size : 입력 공간 size 설정password입력시 비공개 처리number개수 설정 가능min : 최소 개수max..
1. 목록 만들기2. 테이블 만들기목록 만들기 ( , )Ordered Liststart : 순서의 시작 표시type : a , 1 .. 등 순서 표기를 위한 형식 지정Unordered List순서가 없는 리스트 테이블 만들기border : 표 둘레 두께 지정표제목 지정 , , : 시각적으로 html 문서에서 나타내기 위한 용도 ( 넣지 않아도 됨 ) : 표의 첫번째 행 ( 표의 제목에 해당하는 부분) : 표의 내용 부분 : 표 마지막 요약 부분 (없는 경우도 많음)행 (가로) 를 나타냄첫번째 행을 나타내는 부분 ( 행안에서 제목을 나타내는 부분) 행(가로) 안에서 값을 나타내는 부분
1. 이미지 2. HTML5 이미지 태그 3. 링크 태그 이미지src : 이미지 파일 경로 ( 상대 경로 / 절대 경로 )alt : 이미지 파일을 불러 올 수 없을때, 나오는 문구 작성width : 이미지 크기 지정 (가로)height : 이미지 크기 지정 (세로) HTML 5 전용 이미지여러 이미지들을 한번에 묶는 역할 태그를 이용하여, 이미지마다 크기를 지정할 수 있음이미지 다음줄로 자동 개행을 하여, 이미지의 설명 문단을 표현 링크a 태그를 이용하여 원하는 URL 로 맵핑 가능속성_self : 현재 탭에서 해당 링크로 이동_blank : 새로운 탭에서 해당 링크로 이동
1. 텍스트 강조 (strong, em, mark)2. 컨테이너 태그 (div, span)텍스트 강조 : 텍스트를 진하게 표시 : 텍스트 기울어짐 표시 : 텍스트 형광펜 강조 컨테이너 태그"컨테이너 태그"라고 불림 그룹별로 묶는 역할, 따로 웹페이지 상에서는 보이지 않음속성id스크립트 및 스타일 적용시 특정 요소 식별자한 html 문서 내에서 한번만 사용해야함class 요소를 그룹별로 묶는 식별자 역할html 문서내에서 여러번 사용 가능스크립트 및 스타일 적용 가능태그 안에 인라인으로 작성 가능"인라인 컨테이너"라고 불림
1. 개행2. 공백 개행 ( ) 태그를 이용하여 개행 표시 공백 ( Entity Code ) 일반적으로, 공백의 경우 여러개를 사용할 수 없다그래서, 엔티티 코드 (특수문자 표현)를 사용& 로 시작 ;로 끝나는 표현 방식 표시할문자엔티티코드표시할문자엔티티코드공백 '‘ / ’&&<"" / “>>··©© 있는 그대로 표현 ( )pre 태그를 이용하여, 있는 그대로 표현
1. 제목 표현2. 문단 표시3. 인용구 표시4. 수평선 표시 제목 표시하기h1 ~ h6 : 제목 표시 가능 문단 표시"p 태그"를 이용하여 문단을 나누어 쓸 수 있음 인용구 표시"blockquote"를 이용하여 인용구 표시 가능cite 속성을 이용하여 인용 URL 표시blockquote사용시 들여써져서 표현됨 수평선 표시hr 태그를 이용하여 수평선 표시속성 태그를 이용하여 color, size 지정가능color : 수평선 색상size : 수평선 두께
HTML 문서 기본 구조 HTML 문서 기본 구조 홈페이지 본문 문서 형식 선언HTML5를 사용하겠다는 문서 형식 선언다른 마크업 언어들과는 구분 되게 하기 위해서 필요다른 문서 형식 선언XHTML 1.0XHTML 1.1HTML 4.01 문서의 시작과 끝 HTML 문서를 시작할 때와 끝날때 html 태그를 이용해서 지시해줘야함html 속성lang : 문서의 주요 언어를 표기( 한국 : ko , 영어 : en, 일본어 : ja ... ) 문서의 정보 태그안에 들어갈 내용javascript처럼 문법적인 내용이 들어가는 태그css 파일 지정 태그CSS를 직접 작성간단하게 사용 가능웹사이트 제목으로 사용charset : 인코딩 설정viewport : 화면 배율 설정 (기기..
- Total
- Today
- Yesterday
- SQL
- 티스토리챌린지
- 버블정렬
- 깊이우선탐색
- 클래스
- DFS
- 오블완
- JDBC
- 타입변환
- 기술면접
- 이진탐색
- 검증
- 게시판 프로젝트
- 예외처리
- 알고리즘
- 코딩테스트
- 게시판
- bean
- Thymeleaf
- db
- 정렬
- 백준
- 포트폴리오
- Java
- HTML5
- JSON
- 우선순위 큐
- stack
- BFS
- Spring
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | ||
6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 | 14 | 15 | 16 | 17 | 18 | 19 |
20 | 21 | 22 | 23 | 24 | 25 | 26 |
27 | 28 | 29 | 30 | 31 |