table 태그
<table>:표를 지정해줌
<tr>(table row):열을 생성해줌
<th>(table header):기존 헤더처럼 굵게+중앙정렬 자동으로 맞춰줌
<td>(table data):표의 데이터 입력/th와 td순서는 상관없다
테이블 스타일의 기본값은 선의 색이 흰색이다. 그러므로
<table style=”border: 선굵기 선 종류 선 색”>을 지정해줘야 한다.
<caption> : 캡션. 표 위에 설명이나 제목을 넣을 때 쓰임
스타일 관련
colspan : 열 합치기(무조건 오른쪽으로만 합침)
rowspan : 행 합치기(무조건 아래로만 합침)
특이 스타일
<border=”두께(정수)” bordercolor=”원하는색” width=”가로길이” height=”세로길이” align=”정렬방법”>
여기서 border값 중 선 종류는 double이다. 두께의 경우 제일 밖의 두께를 뜻한다.
align도 table 안에 쓰면 표 자체의 정렬을 뜻하게 된다.
블록(block),인라인(inline)
블록 태그 : 해당 라인의 모든 너비를 차지함. 새로운 라인에 시작함(자동줄바꿈)
p,div,h1~h6,ul,ol 등
<div> : div 안에 모든 태그들을 하나로 묶어줌. div에 스타일을 입히면 div 안의 모든 것들이 그div 스타일에 따르지만 안의 개별 스타일이 있으면 개별스타일에 따름
인라인 태그 : 해당 라인의 요소의 내용만큼만 차지, 새로운 라인에서 시작하지 않음(자동줄바꿈X)
span,a,image 등
<span> : 특정한 글자에 따로 스타일을 지정하고 싶을 때 사용
<iframe> : 웹페이지 안에 또 다른 웹페이지 삽입
<a href=”띄우고 싶은 페이지” target=”iframe책갈피”>내용</a>
<iframe name=”target에 적은 책갈피”></iframe>
이런 식으로 클릭해서 특정 페이지를 오픈할 수 있다.