HTML:요소 꾸미기: 두 판 사이의 차이

학교의 모든 지식. SMwiki
둘러보기로 이동 검색으로 이동
 
7번째 줄: 7번째 줄:
=텍스트=
=텍스트=


=== 정렬 ===
===정렬===
{| class="wikitable"
{| class="wikitable"
!의도
!의도
30번째 줄: 30번째 줄:
|}
|}


=== 글자크기 조절 ===
===글자크기 조절===
{| class="wikitable"
{| class="wikitable"
!의도
!의도
43번째 줄: 43번째 줄:


</syntaxhighlight>
</syntaxhighlight>
|<div font-size:300%">내용</div>
|


|-
|-

2021년 4월 10일 (토) 18:03 기준 최신판

틀:HTML HTML에 대한 문서들 모음집

  1. HTML:태그
  2. HTML:head
  3. HTML:리스트 만들기
  4. HTML:태그 속성
    1. HTML:링크
    2. HTML:앵커
  5. 컨텐츠 삽입
    1. HTML:이미지
    2. HTML:음악
  6. HTML:요소 꾸미기
    1. HTML:헤더, 네비게이터
    2. HTML:알림버튼 만들기

개요[편집 | 원본 편집]

텍스트에 변화를 준다거나, 들여쓰기, 내어쓰기 조절, 정렬을 하려면 어떻게 해야할까?

텍스트[편집 | 원본 편집]

정렬[편집 | 원본 편집]

의도 설명 예시
가운데 정렬 다음과 같이 div태그로 감싸주면 요소를 가운데로 정렬할 수 있다.
<div style="text-align : center;">
    요소
<div>

글자크기 조절[편집 | 원본 편집]

의도 설명 예시 실물
화면 크기에 따라 화면 크기에 따라 상대적으로 글자 크기를 결정한다.
<div font-size:150%">내용</div>
절대크기 px로 지정