반응형
HTML57
HTML5 공간 분할 태그
HTML5 공간 분할 태그 - CSS로 원하는 레이아웃을 구성하기 위하여 사용한다. div 태그 : 블록 형식으로 공간 분할 (대표적 분할 태그) span 태그 : 인라인 형식으로 공간 분할 태그 - block 형식 태그 - block 형식 태그 - block 형식 태그 - block 형식 태그 - block 형식 span 태그 - 인라인 형식 span 태그 - inline 형식 span 태그 - 인라인 형식 span 태그 - inline 형식 span 태그 - 인라인 형식 (태두리와 색상의 영역구분은 이해를 돕기 위하여 설정.) - 간단한 시맨틱 웹 페이지 HTML5 기본 메뉴 - 1 메뉴 - 2 메뉴 - 3 Welcome 131ZIPDAN Have a nice day! Welcome 131ZIPDAN..
HTML5 이미지 태그
HTML5 이미지 태그 - 이미지 파일을 접근할 수 있도록 폴더를 만들어 준비한다. src 태그 : 이미지의 경로 지정 alt 태그 : 이미지가 없을 떄 나오는 글자 지정 width 태그 : 이미지의 너비 지정 htight 태그 : 이미지의 높이 지정 이미지
HTML5 테이블 태그
HTML5 테이블 태그 table 태그 : 표(Table) 삽입 thead 태그 : 표의 머리(Table Head) 생성 thody 태그 : 표의 본문(Table Body) 생성 tfoot 태그 : 표의 꼬리(Table Foot)) 생성 tr 태그 : 표의 행(Table Row) 삽입 th 태그 : 표의 제목 요소(Table Header)) 생성 td 태그 : 표의 일반 요소(Table Data) 생성 간단한 표 만들어 보기. 1 2 3 1 표 생 성 2 참 쉽 죠 셀의 영역 지정 태그 colspan 태그 : 셀의 너비 지정 rowspan 태그 : 셀의 높이 지정 앞의 표를 이용해서 셀의 영영만 다시 지정 해보기. HTML5 안녕 표 생 성 참 쉽 죠 테이블 태그를 이용하여. 아래 이력서 테이블을 만들어..
HTML5 글자 태그
HTML5 글자 태그 제목 1 제목 2 제목 3 제목 4 제목 5 제목 6 기본 제목 글자 태그 h태그 : heading 문서의 제목 표현. - h1 첫 번째 가장 큰 제목 생성 h2, h3,h4.. 순차적으로 작은 제목 생성. 문단 p pppp ppppppp ppppppppp ppppppppp pppppp pppp ppppppp ppppppppp ppppppppp pppppp a b 문단 p pppp ppppppp ppppppppp ppppppppp pppppp pppp ppppppp ppppppppp ppppppppp pppppp 본문 태그 p태그 : 본문 글자 생성 br태그 : 줄 바꾸기 hr태그 : 수평 줄 삽입 - p태그는 Paragraph를 의미. 문단 하나를 생성. - br 태그는 다른 글자..
반응형