[All] 탭 구성하기(list 내부의 탭)
여러 종류의 탭이 있지만,
이번 형태는 탭에 들어가는 컨텐츠가 버튼과 별도로 분리되어있지 않고, list안에 버튼과 함께 존재하여 position 값으로 위치를 잡아주는 것입니다.
설명하기가 힘드리기가 힘들어 아래의 코드를 봐주시면 됩니다.
[HTML5] 웹표준에 맞게 Table태그 구성하기
불필요한 경우에도 table 태그를 무분별하게 사용하는 것을 자주 보아왔기에 평소에 table 태그 사용을 지양 하는 편입니다. 그러나 필요한 부분에서는 table 태그를 사용 해야 할 때가 있습니다. 그때마다 웹표준에 맞게 표를 작성해야하는데 헷갈릴 때가 많아 정리해두려합니다. 참고로 이 내용은 웹 저작자를 위한 W3C의 HTML5 기술 표준 명세서를 바탕으로 작성한 것입니다. 표를 구성하기 위해서 필요한 것은 소개, 기본 적인 셀 구조, 사용법 등입니다. 이 형태들은 단락을 만들어 사용하거나, caption 을 사용하거나, figure 안에 표를 작성하는 방법 등이 있습니다. 저는 보통 caption 을 이용합니다. 아래와 같이 사용하시면 됩니다. caption 안에 details 엘리먼트를 사용할수도있습니다. Table 구성 <table> <caption> 각 태그의 이름과 설명 <details> <summary>도움</summary> <p>이 표는 태그와 그 설명에 대한 내용을 담고 있습니다.~단위는 ~</p> </details> </caption> //colgroup: 전체 열에 스타일을 적용하는 데 유용합니다 <colgroup> <col> </colgroup> <thead> <tr> <th>태그이름</th> <th>설명</th> </tr> </thead> <tbody> <tr> <td>p태그</td> <td>단락을 표현할 때 사용합니다.</td...
댓글
댓글 쓰기