HTML:태그: 두 판 사이의 차이

2021년 5월 31일 (월) 15:19 판

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

마크업 언어. 문서의 형태, 체계에 대해 지정하는 언어이다.

크게 Inline과 Block으로 나뉜다.

속성	Inline	Block
배치	가로배치. 옆으로 쌓인다.	세로배치. 밑으로 쌓인다.
형태	형태 적용 불가. 창 크기의 영향을 받는다.	특정 크기의 상자를 만들 수 있다. 창 크기의 영향을 받지 않는다.(특별한 지정값이 없으면 창 크기에 맞춘다.)
예시	span	div

기본적으로 쌓이는 속성은 class와 style 지정으로 바꾸어 쓰기도 한다.

<style>
    span{
        width:200px;
        background-color: red;
    }
</style>

위와 같이 해당 태그를 사용했을 때의 스타일을 전체적으로 지정할 수도 있다.

@@ 1번째 줄: / 1번째 줄: @@
 {{HTML}}
+== 개요 ==
+마크업 언어. 문서의 형태, 체계에 대해 지정하는 언어이다.
+=== 요소 ===
+크게 Inline과 Block으로 나뉜다.
+{| class="wikitable"
+!속성
+!Inline
+!Block
+|-
+|배치
+|가로배치. 옆으로 쌓인다.
+|세로배치. 밑으로 쌓인다.
+|-
+|형태
+|형태 적용 불가.
+창 크기의 영향을 받는다.
+|특정 크기의 상자를 만들 수 있다.
+창 크기의 영향을 받지 않는다.(특별한 지정값이 없으면 창 크기에 맞춘다.)
+|-
+|예시
+|span
+|div
+|}
+== 종류 ==
 {| class="wikitable"
 |+
@@ 22번째 줄: / 50번째 줄: @@
 |
 |}
-기본적으로 쌓이는 속성은 class와 style 지정으로 바꾸어 쓰기도 한다.
+기본적으로 쌓이는 속성은 class와 style 지정으로 바꾸어 쓰기도 한다.<syntaxhighlight lang="html">
+<style>
+    span{
+        width:200px;
+        background-color: red;
+    }
+</style>
+</syntaxhighlight>위와 같이 해당 태그를 사용했을 때의 스타일을 전체적으로 지정할 수도 있다.