티스토리 뷰

HTML

HTML 번역 08: HTML 스타일(styles)

rewriter751 2016. 2. 23. 22:10

HTML Tutorial

HTML 스타일 속성

    1. HTML 요소의 스타일 설정은 스타일 속성으로써 할 수 있다.  
    2. HTML 스타일 속성은 아래의 문법을 따른다.  
          style="property:value;"  
    3. 자산(proerty)은 CSS 자산이다. 값(value)은 CSS 값이다.  
    팁: CSS에 관해서는 뒤에 배울 것이다.

HTML 배경색(background-color)

    1. 배경색 자산은 HTML 요소에 적용되는 배경색을 지정한다.  
    2. 다음 예는 페이지의 배경색을 밝은회색으로 설정하였다.  
        - 예  
              <body style="background-color:lightgrey;">

              <h1>This is a heading</h1>  
              <p>This is a paragraph.</p>

              </body>

HTML 글자색(color)

    1. 색 자산은 HTML  요소에 적용되는 글자색을 지정한다.  
        - 예  
              <h1 style="color:blue;">This is a heading</h1>  
              <p style="color:red;">This is a paragraph.</p>

HTML 글꼴(font-family)

    1. 폰트 자산은 HTML 요소에 적용되는 글꼴을 지정한다.  
        - 예  
              <h1 style="font-family:verdana;">This is a  
              heading</h1>  
              <p style="font-family:courier;">This is a  
              paragraph.</p>

HTML 글자 크기(font-size)

    1. 글자 크기 자산은 HTML 요소에 적용되는 글자 크기를 지정한다.  
        - 예  
              <h1 style="font-size:300%;">This is a heading</h1>  
              <p style="font-size:160%;">This is a paragraph.</p>

HTML 글 정렬(text-alignment)

    1. 글 정렬 자산은 HTML 요소에 적용되는 수평 글 정렬 방식을 지정한다.  
        - 예  
              <h1 style="text-align:center;">Centered Heading</h1>  
              <p>This is a paragraph.</p>

이 장의 요약

    1. HTML 요소의 모양을 설정하기 위해서는 스타일 속성을 이용하라.  
    2. 배경색을 위해서는 background-color를 사용하라  
    3. 글 색깔을 위해서는 color를 사용하라  
    4. 글꼴을 위해서는 color-family를 사용하라  
    5. 글자 크기를 위해서는 font-size를 사용하라  
    6. 글 정렬을 위해서는 text-align을 사용하라.

'HTML' 카테고리의 다른 글

HTML 번역 10: HTML 인용(Quotation)과 열거(Citation) 요소  (0) 2016.02.27
HTML 번역 09: HTML 텍스트 서식 요소(text formatting elements)  (0) 2016.02.26
HTML 번역 07: HTML 문단(paragraphs)  (0) 2016.02.23
HTML 번역 06: HTML 표제(headings)  (0) 2016.02.14
HTML 번역 05: HTML 속성(attributes)  (0) 2016.02.11
공유하기 링크
댓글
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
TAG more
«   2025/07   »
일 월 화 수 목 금 토
1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 31
글 보관함