달력

1

« 2020/1 »

  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31
  •  

'STYLE'에 해당되는 글 2

  1. CSS 지정방식
  2. 태그

   

CSS 지정방식

  • 태그 내부 삽입형(ln-line style)
  • 문서 내 지정형(Embedding style)
  • 외부 경로 삽입형(link style)

   

태그 내부 삽입형(ln-line style)

<태그 style="속성:값;속성:값;" />

   

   

문서 내 지정형(Embedding style)

<style type="text/css">

<!–

스타일 내용

//-->

</style>

   

   

외부 경로 삽입형(link style)

<link rel=stylesheet href="스타일 외부 파일 전체 경로" type="text/css" />

   

'Development > HTML, CSS, XML, ...' 카테고리의 다른 글

wix, 무료 홈페이지/블로그 제작 사이트  (0) 2015.04.26
HTML5 포럼  (0) 2015.04.20
CSS 지정방식  (0) 2015.04.01
CSS 주석  (0) 2015.03.10
CSS 데이터 형식  (0) 2015.02.01
HTML 요소를 선택자로 사용시  (0) 2015.01.01
Posted by codedragon codedragon

댓글을 달아 주세요

   

   

<head> 태그 사이에 기록되는 문서 정보

<title>

홈페이지를 대표할 수 있는 문서 제목을 지정합니다

<meta>

다양한 속성을 가지고 있어 다양한 역할을 합니다.

<script>

홈페이지를 역동적으로 변화시킵니다.

<style>

문서 전체의 레이아웃을 결정하여 문서에 통일감을 줍니다

<html>

<head>

<title></title>

</head>

<body> </body>        

</html>

   

   

   

태그의 구성 요소

복합 태그

<태그명> 내용 </태그명>

속성을 가지는 태그

<태그명 속성명=값> 내용 </태그명>

단독 태그

<태그명>

사용 예

여러분을 <font size=5 color=blue>HTML 강의</font>를 시작합니다!

   

   

태그 사용 규칙

  • <태그명></태그명>과 같이 여는 태그와 닫는 태그가 쌍으로 사용됩니다.
    • 닫을 때는 태그명으로만 닫습니다.
  • 태그명과 속성명, 속성명과 속성명 사이는 한 칸씩 띄웁니다. 그 외 공백을 두어서는 안 됩니다.
    • 속성명과 값은 = 부호를 사용하여 표시합니다.
    • 값이 두 단어 이상일 경우는 ""로 묶어서 표시합니다.
  • 속성이 있는 태그가 있고 없는 태그가 있습니다.
    • 속성을 반드시 하나 이상 사용해야 하는 태그도 있고 생략해도 되는 태그도 있습니다.
    • 여는 태그만 독립적으로 존재하는 태그도 있습니다.
  • 태그를 중첩해서 사용할 경우 먼저 열어준 태그를 나중에 닫아줍니다.

   

태그 사용 예

<font size=5 color=blue>환영합니다!</font><p>

<b>하늘은 <u>높고</u> 바람은 산들산들 ^^ </b><br>

<p align=center>알찬 내용들로 조금씩 채워가겠습니다. ^^</p>

 

'Development > HTML, CSS, XML, ...' 카테고리의 다른 글

CSS 기본 구성요소  (0) 2014.10.25
시멘틱 태그- 01.html  (0) 2014.10.17
태그  (0) 2014.10.11
CSS Color Names  (0) 2014.10.09
CSS 용어  (0) 2014.10.03
HTML 기본 구조  (0) 2014.10.01
Posted by codedragon codedragon

댓글을 달아 주세요