. HTML META DATA 삽입
메타 데이터란 데이터를 설명하는 데이터 이다.
예를들어 사진의 경우 찍는 장소와 시간 데이터가
메타 데이터 이고 , WAV,MP3인 오디오인 경우 재생 시간 , 채널 수가
메타 데이터 이고, JPEG , BMP 등 이미지 파일의 경우
이미지 폭과 높이 , 컬러 해상도 정보가 메타 데이터 이다.
.HTML 에서도 다양한 메타 데이터를 가지고 잇다
<base>,<link> , <script>, <style>, <title> , <meta> 등이
HTML 페이지에 대한 메타 정보를 표현한다
<meta> 태그는 웹 페이지의 제작자 , 문자 인코딩 , 문서 내용들
다양한 메타 데이터를 표현하기 위해 사용된다.
메타 데이터는 name과 content의 속성 쌍으로 구성된다.
<meta charset="UTF-8"> 은 charset 속성으로 웹 페이지에 사용된 문자의
인코딩 방식을 지정한다.
HTML5 에서는 UTF-8 이 디폴트 이므로 이 <meta> 태그는 생략해도
되지만 다양한 브라우져 환경에서 UTF-8 로 처리하기 위해 적어두는 것이 좋다.
. DL 태그 : 용어에 대한 정의 목록을 만드는 형식이다.
- dt : definition term 의 약자로 용어의 제목을 나타내는 태그이다.
줄바꿈 기능이 있다.
- dd : definition description 의 약자로 용어에 대한 설명을 나타내는 태그이다.
줄바꿈 기능이 있다.
. TABLE
<TABLE> 표 만들기
제목 <caption> 1학기 성적
헤드<thead> 이름 HTML CSS
바디<tbody> 수선화 89 86
백일홍 68 74
들국화 79 89
바닥<tfoot> 합 445 345
<title>기본 구조를 가진 표 만들기</title>
</head>
<body>
<h3> 기본 구조를 가진 표</h3>
<hr>
<table border="5" bgcolor="#cccc66" width="250">
<caption>1학기 성적</caption>
<thead>
<tr><th>이름</th><th>HTML</th><th>CSS</th><tr>
</thead>
<tfoot>
<tr><th>합</th><th>225</th><th>230</th><tr>
</tfoot>
<tbody>
<tr><td>수선화</td><td>80</td><td>70</td><tr>
<tr bgcolor="#ffff00"><td>백일홍</td>
<td bgcolor="#33dd33">95</td>
<td>99</td></tr>
<tr><td>들국화</td><td>40</td><td>61</td><tr>
</tbody>
</table>
</body>
</html>
<table> 표 전체를 담는 컨테이너
<caption> 표 제목 (반드시 table태그의 첫 번째 기술)
<thead> 해딩 셀 그룹
<tfoot> 바닥 셀 그룹
<tbody> 데이터 셀그룹
<tr> 행,여러개의<TD>,<TH> 포함
<th> 제목(head) 셀
<td> 데이터 셀
caption, thead , tbody, tfoot 태그를 사용하지 않고
tr , td 태그로만 테이블 표를 만드는 경우가 있는데
이는 바람직 하지 않다 , 검색 엔진은 표의 의미를
파악하기 위해 caption , thead , tbody , tfoot 태그를 찾기 떄문이다.
시멘틱 웹 은 '의미론적인 웹' 이라는 뜻으로 ,
현재의 인터넷과 같이 분산환경에서 리소스(웹문서,각종파일,서비스 등)에
대한 정보와 자원 사이의 관계 - 의미 정보를
기계가 처리할 수 있는 온톨로지 형태로 표현하고,이를 자동화 기계가 처리하도록 하는
프레임워크이자 기술이다.
웹의 창시자인 팀 버너스리가 1998년 제안했고 현재 W3C에 의해 표준화 작업이 진행중이다.
온톨로지는 시멘틱 웹을 구현할 수 있는 도구로써
여러 지식 개념들을 의미적으로 서로 연결할 수 있는 도구이다.
웹 정보 검색은 웹을 통해 접근 할수있는 모든 전자자원을 대상으로 하는 검색을 기능하게 하였다.
어떤 단어와 단어 사이의 상관관계를 보다 빠르고 편하게 검색할 수 있도록 돕는 연구분야를 의미한다.
table 속성
테이블의 디자인을 바꿀수 있는 방법은 다양한 방법이 있습니다.
1. border 속성은 테이블의 테두리를 설정해주는 속성입니다.
ex : (border="1px") 숫자가 높을수록 테두리가 두꺼워 집니다.
2. bordercolor 는 테두리의 색상을 지정하는 속성입니다.
ex : (bordercolor="blue") default 값은 검정색입니다.
3.width 와 height 는 테이블의 크기를 결정해주는 속성입니다.
ex : (width="50px" width="100%")픽셀단위,% 단위로 크기비율조정가능
4.align 은 테이블 안에있는 값들을 정령시키는 기능
5.bgcolor 속성으로 원하는 태그의 배경색 지정가능
6.colspan , rowspan 은 셀을 합병(행/열) 시키는 기능을 합니다.
'국비 과정 > HTML & CSS' 카테고리의 다른 글
| HTML (나만의 홈페이지 만들기) (0) | 2022.09.22 |
|---|---|
| 국비 - 0913 ( Video / Audio / FormTag ) (3) | 2022.09.13 |
| 국비 - 0907 ( Hyper Link ) (2) | 2022.09.07 |
| 국비 - 0906 ( HTML ) (0) | 2022.09.06 |
