11. table태그 _ 표 태그 table태그는 표를 만들어주는 태그입니다. 옛날 테이블코딩 때문에 테이블 자체가 웹표준에 어긋난다고 알고 있는 분들이 간혹 있는데요. 표가 필요하면 table 써야죠. 어쩌겠어요. 웹표준에 맞게 쓰시면 됩니다. 알아봅시다. 제목1 제목2 제목3 내용1 내용2 내용3 tr, th, td tr태그는 행을 만들어 주는 태그입니다. tr들이 주르륵 모이면 열이 되지요. tr 안에는 th와 td로 채워져 있습니다. th는 제목을 나타내는 셀, td는 내용 셀입니다. caption caption은 표 전체의 제목 태그입니다. table태그를 열자마자 제일 위에 위치해야 합니다. 따로 값을 주지 않으면 가운데 정렬로 나타나지요 caption이 들어가면 어떻게 보이는지 확인해 봅시다. 참고로 table뒤에 붙는 bo.. 더보기 10. ul태그, ol태그, dl태그 _ 리스트태그 ul태그, ol태그, dl태그는 리스트 태그입니다. 줄줄이 비엔나로 생긴 애들을 만들어주는 태그에요 각각 조금씩 다른 특성이 있습니다. ol ol은 순서가 있는 리스트를 나타냅니다. 리스트 앞부분에 순서대로 번호가 매겨집니다. 예를 들면 인기 순위라던지 번호가 있는 안내문 같은데 쓰이겠네요. ol태그는 li태그를 넣고 다니는데 반드시 ol태그를 열고 난 바로 뒤에 li태그가 나옵니다. '리스트태그 > li태그 > 그외 태그 및 텍스트' 이런 순으로 써야하죠. 나는 리스트 태그야 순서가 있지 번호가 생겨 나는 리스트 태그야 순서가 있지 번호가 생겨 ul ul은 딱히 순서가 필요없는 리스트에 쓰입니다. 리스트 앞부분에 번호대신 글머리 기호가 나타납니다. 글머리 기호는 여러가지로 변경할 수 있는데 뒤에 css.. 더보기 09. a태그 _ Links a태그는 사이트나 특정 위치로 이동시켜주는 태그입니다. a태그는 이미지, 글자 어디든 걸어줄 수 있어요. 기본 형태는 아래와 같습니다. 링크를 걸어주세요! target url에는 지난번에 나온 절대경로, 상대경로 모두 넣어줄 수 있습니다. 별다른 코드를 넣지 않으면 현재 열린 창 내에서 이동하게 되는데요. 본래의 창을 유지한채로 새창을 띄우고 싶을때 쓰는 태그가 target입니다. target에 _blank를 써줌 됩니다. 새창으로 띄워주세요~ 이제 실제 예시를 들어볼까요. '네이버를 현재 창에서 열꺼야' 라는 글자를 클릭하면 현재 창에서 naver로 이동, '구글을 새창으로 열꺼야' 라는 글자를 클릭하면 새창띄우기로 google로 이동하도록 해보겠습니다. 네이버를 현재 창에서 열꺼야 구글을 새창으로 열.. 더보기 이전 1 ··· 5 6 7 8 9 10 11 다음
