728x90
728x90
BIG
파비콘?
여기 HJ처럼 브라우저 옆에 표시되는 작은 이미지를 말함
favicon.ico Generator
Preview Favicon in original size:
www.favicon.cc
위사이즈에서도 만들 수 있음
<head>사이에 들어가며 <link rel = "icon" type = "image/x-icon" href="경로">
테이블
- 행과 열로 구성
- 얼룩말 무늬 효과를 넣으려면 태그이름:nth-child(even){background-color:값;}을 사용하면 된다.
- even은 2,4,6열, odd는 1,3,5열
- hover를 사용해서 테이블에 마우스를 갖다대면 색강조를 할 수 있음
- 태그이름:hover{background-color:값;}
셀
<td></td>
행
<tr></tr>
헤더일경우 <th> - 기본값은 굵게 중앙에 표시
표이름
<caption></caption>
캡션도 스타일을 입힐 수 있음
<colgroup>
- 형식을 지정할 테이블에서 하나이상의 열그룹을 지정
- 각 행에 대해 각 셀에 대해 스타일을 반복하는 대신 전체 열에 스타일을 적용하는데 유용
- 다만, 콜그룹은 캡션요소뒤와 head, tbody, tfoot, tr, table 요소의 자식이어야합니다.
- 콜그룹 내 옆에 다른 속성을 정의하려면 <col>태그를 사용
- 스팬은 열의수를 정의
- <colgroup span="number" style="">
- getElementById()를 사용해서 <colgroup>요소에 액세스 가능
- var x = document.getElementById("myColgroup");
- 콜그룹은 width, visibility, background, border속성만 가능
- 앞에 빈상태로 콜그룹을 사용하고 싶으면 앞에 콜스팬으로 지정한뒤 그 뒤에 콜그룹을 다시 부르면 됨
- 열숨기려면 visibility:collapse를 쓰면됨
<thead>
- 테이블의 헤더 콘텐츠를 그룹화하는데사용
- <head>요소는 <tbody>,<tfoot> 요소와 함께 사용되 테이블의 머리글, 본문, 바닥글 등을 지정
- 브라우저는 이러한 요소를 사용해 머릿글, 바닥글을 독립적으로 테이블 본문을 스크롤할 수 있음.
- <head>요소에는 하나이상의 <tr>태그가 있어야함
- <table>요소 자식에서 임의의 <caption>,<colgroup>같은 요소 뒤에 그리고, 임의의 <tbody>,<tfoot>,<tr>요소 앞에 있어야합니다.
- <head>,<tbody>,<tfoot>요소는 기본적으로 테이블의 레이아웃에 영향을 주지않으나 css를 이용해서 스타일링할 수 있ㅇ음
- 간단하게 말하자면 표에서 tr(머리) tbody(본문) tfoot을 지정해서 css로 꾸밀때 주로 사용
표 테두리
boder사용
접힌 테이블 테두리는 border-collapse속성을 collapse설정하면됨
원형테두리는 border-radius를 사용하면 둥근모서리사용, px이나 %로 나타낼 수 있음
점선테두리(
- dotted
- dashed
- solid
- double
- groove
- ridge
- inset
- outset
- none
- hidden )
테두리 색상은 border-color
테이블크기
- 열, 행, 전체테이블에 대해 다른 크기를 가질 수 있음
- width,height를 px, %를 이용해서 각자 줄 수 있음
- 또한, 기본적인 셀의 padding 값은 0임
- 셀 간격은 기본적으로 2px 바꾸려면 border-spacing을 쓰면됨
테이블 정렬
- text-align을 쓰면 됨
- 열을 합치려면 colspan
- 행을 합치려면 rowspan
<time>태그
특정시간또는 날짜를 정의
datetime속성은 시간을 기계가 읽을 수 있는 형식으로 변환해서 브라우저가 사용자의 달력을 통해 날짜알림을 추가할 수 있도록 함
제목태그
<title>태그는 문서의 제목을 말함
텍스트 전용
검색엔진 알고리즘에 순서를 결정하는데 사용
즐겨찾기 추가될때 페이지의 제목제공
더좋은 제목을 만드려면 길고 설명적인 제목이고, 50~60자사이면 좋고, 단어목록만 제목으로 사용하지 않기
하나의 html문서에 둘이상의 제목요소가 있을수 없음
728x90
반응형
BIG
'🎀HTML' 카테고리의 다른 글
| [HTML]iframe // script // 파일경로 //head요소(viewport) (0) | 2022.10.11 |
|---|---|
| [HTML]UL,LI,ol,dl,dt,dd / / p vs div // 클래스 //id (0) | 2022.10.11 |
| [HTML] css, 하이퍼링크,타겟,절대경로와 상대경로, img태그,이메일주소링크, 버튼링크, 링크에 추가정보달기,링크색상바꾸기,책갈피만들기 (0) | 2022.10.07 |
| [HTML] RGB, RGBA색상,HEX값, HSL색상 (0) | 2022.10.07 |
| [HTML] HTML 기본 색상표 (0) | 2022.10.07 |
댓글