본문 바로가기
IT 개발/ HTML , CSS

CSS/Html 기초 (1)

by Love of fate 2019. 8. 13.
728x90
반응형

<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 기초> 

 

&nbsp; : 여백삽입

<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> : 내용이 서로 관계가 있으면 분리하는 역할

               주로 문서를 다른 주제로 구분짓기 위해 사용됨

 

 

 

 

 

 

 

 

728x90
반응형

'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