<CSS 삽입법>
1) 태그 속성 지정법
<태그 style = "속성 : 값; 속성 : 값;">
2) 문서 내 저장형
<style type = "text/css">
<!-- 스타일 내용 -->
</style>
3) 외부 문서 삽입형 (
<link rel="stylesheet" href="스타일 외부 파일 전체 경로" type ="text/css">
* 보통 CSS는 따로 관리하여 사용하는게 일반적이다.
* 외부 CSS 문서나 또는 jQuery로 style을 지정, 값을 가지고 오고 싶을 경우 Element에 선택자를 지정한다.
Class 선택자 | ID 선택자 | |
구분 | .(마침표) | #(해시) |
사용 영역 | <p>, <div>, <span> 등 | <div> 등 |
<Html 기초>
: 여백삽입
<div> : 구역과 절을 구성하는 태그 (웹에서 영역을 지정할 때 많이 사용한다.)
<ol><li> ~ </li></ol> : 순서 목록과 단계별 항목 (1.,2.,3. ....)
<ul><li> ~ </li></ul> : 비순서 리스트 (●, ○, ■ ...)
<table> : 전체 테이블 틀 생성
<caption> : 테이블의 제목을 나타냄
ex) <table>
<caption>2014년 8월 지출 내역</caption>
<!-- 이하 생략 -->
</table>
<tr> : 테이블의 행
<th> : 열을 포함하는 셀의 제목을 나타냄 => 수평, 수직정렬이 자동으로 가운데가 되며, 볼드(Bold)체로 표시된다.
<td> : 테이블의 데이터를 나타낸다.
<article> : 내용이 독립적이고, 홀로 설 수 있는 내용을 담는다.
주로 블로그, 포럼글, 뉴스 기사 등을 article로 묶을 수 있다.
<section> : 내용이 서로 관계가 있으면 분리하는 역할
주로 문서를 다른 주제로 구분짓기 위해 사용됨
'IT 개발 > HTML , CSS' 카테고리의 다른 글
12.02 overFlow (0) | 2019.12.02 |
---|---|
11.07 문서모드 (0) | 2019.11.07 |
11.06 (0) | 2019.11.06 |
10.31 CSS 정리 (0) | 2019.10.31 |
(08.14) CSS 스타일 속성 (0) | 2019.08.14 |