1. dl, dt, dd 태그 설명목록 -> 이름(name), 값(value) 설명목록은 이름부분을 지정하는태그 값 부분을 지정하는 태그 태그 사이에는 한쌍의 태그와 태그를 넣는다 2. table 관련 태그 caption태그 : 표제목 위쪽 중앙에 표시된다 -> 표의 제목을 표시 일부 표에서는 제목이 표시된 셀과 자료가 표시된 셀 외에 표 아래쪽이나 합계나 요약 내용을 표시하기도 한다. 제목과 본문, 요약이 있는 부분으로 표의 구조를 나누어 놓는것이 좋다. , , 등 행이나 열을 합치는 속성 rowspan - 행을 합침 colspan - 열을 합침 셀의 내용 셀의 내용 3. 이미지 넣기 GIF : 표시할수 있는 색상수는 최대 256가지. 다른 이미지 포맷 형식에 비해 파일크기가 작아서 아이콘이나 불릿 등..

1. 태그의 type이란? 태그의 type 속성은 태그가 나타낼 type을 명시합니다. 예를 들면, 위와 같이 text가 기본값이다. 이를 라이브 서버에서 실행시켜보면 이렇게 텍스트를 입력할만한 공간이나온다. 이를 통해 id를 받아서 서버로 전송시키는 등 데이터에 있는 값과 맞춰보며 사용할 수 있다. 2. type의 종류 type의 종류에는 다음과 같다. button - 클릭 버튼 checkbox - 체크박스 color - 색 선택 date - 날짜 선택 datetime-local - 날짜와 시간 선택 email - 이메일 주소 입력 file - 파일 업로드 hidden - 숨겨진 필드 image - submit 버튼 이미지 선택 month - 날짜 선택 number - 숫자 입력 password - 비..

1. 시맨틱(Semantic)태그 1-1. 시맨틱(Semantic)태그란? 시맨틱(semantic)의 사전적 의미는 '의미론적' 이다. 말그대로 시맨틱태그란 의미가 있는 태그이다. 예를 들면, 태그는 의미가 없는 non-semantic 태그이고, , 와 같은 semantic 태그는 의미가 있는 태그이다. 시맨틱태그는 HTML5부터 채택된 방식으로 하나의 웹사이트를 여러구역으로 나누어 작성하는 방식이다. 다른 부분은 필요에 따라 선택형 구역이지만 되지만 머리말인 'header'와 꼬리말인 'footer'는 필수적인 구성부분이다. 네이버를 예로 들자면 1-2. 시맨틱태그의 장점은? (1) SEO(Search Engine Optimization) - 검색엔진 최적화 검색엔진은 HTML에 있는 태그를 분석하는데..

줄바꿈 : 공백 : 단락 : p 태그 두껍게 : b 태그 기울이기 : i 태그 목록을 나타내는 태그 : 목록유형에 따라 li태그 순서 없는 목록 : ul 태그 순서 있는 목록 : ol 태그 a 태그 : "여기에 링크 넣기", a태그 사이에 클릭할만한거 넣기 br태그를 두번쓰면 > 빈줄이 하나 생김> 텍스트 단락이 나뉜것처럼 화면에 표시할 수 있음. 텍스트 단락을 만들때는 p태그를 사용하는게 좋다. blockquote : 인용문을 사용할때. 다른 텍스트보다 들여쓰게 된다. strong태그 : b태그랑 거의 같음; 굵게 ol type="순서를 나타낼 텍스트 지정" type 설명 -------------------- type="1" 숫자 (기본값) type="a" 영문 소문자 type="A" 영문 대문자 ty..