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

학교의 모든 지식. SMwiki
둘러보기로 이동 검색으로 이동
시각위키텍스트
(새 문서: {{HTML}} == 개요 == 텍스트에 변화를 준다거나, 들여쓰기, 내어쓰기 조절, 정렬을 하려면 어떻게 해야할까? <br /> == 정렬 == === 가운데 정렬 =...)
 
1번째 줄: 1번째 줄:
{{HTML}}
{{HTML}}


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


== 정렬 ==
=텍스트=


=== 가운데 정렬 ===
=== 정렬 ===
다음과 같이 div태그로 감싸주면 요소를 가운데로 정렬할 수 있다.<syntaxhighlight lang="html">
{| class="wikitable"
!의도
!설명
!예시
|-
|가운데 정렬
|다음과 같이 div태그로 감싸주면 요소를 가운데로 정렬할 수 있다.
|<syntaxhighlight lang="html">
<div style="text-align : center;">
<div style="text-align : center;">
     요소
     요소
<div>
<div>
</syntaxhighlight>
</syntaxhighlight>
|-
|
|
|
|-
|
|
|
|}
=== 글자크기 조절 ===
{| class="wikitable"
!의도
!설명
!예시
!실물
|-
|화면 크기에 따라
|화면 크기에 따라 상대적으로 글자 크기를 결정한다.
|<syntaxhighlight lang="html">
<div font-size:150%">내용</div>
</syntaxhighlight>
|
|-
|절대크기
|px로 지정
|
|
|}

2021년 4월 10일 (토) 18:02 판

틀: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로 지정
원본 주소 "https://smwiki.info/index.php?title=HTML:요소_꾸미기&oldid=3836"