포스트

웹기초 text, table

게시
By wars
3 분읽는 시간
웹기초 text, table

학교 수업 시간에 배운 내용과 코드를 올린 게시물입니다.

텍스트 태그

hn (n: 1 ~ 6 ): 텍스트 크기가 ( 1 ~ 6 ) 순으로 작아아지고, 볼드체이며, 자동으로 줄바꿈이 된다.

p: 자동으로 줄바꿈이 된다.

span: 줄바꿈이 되지 않은 일반 텍스트

강조 태그

b: 단순 강조

strong: 자바스크립트나 브라우저에서 중요한 부분이라고 인식한다. 강조된 키워드

hr: 문단을 나눔

br: 한칸 띄움

기울임 태그

i: 단순 기울임

em: 흐름상 특정 부분 강조, strong이랑 비슷, 강조된 키워드

cite: 저작물의 제목을 표시할 때 사용, 메타데이터

blockquote: 인용구

전체코드

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
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51

<!DOCTYPE html>
<html lang="ko">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>엄</title>
</head>
<body>
    <h1>제목을 만들었습니다.</h1>
    ㅁㄴㅇㄹ

    ㅁㄴㅇㄹ
    <h2>하이</h2>
    <h3>하이루</h3>
    <h4>그렇구나</h4>
    <h4>그렇구나</h4>
    <h4>그렇구나</h4>
    <h4>그렇구나</h4>
    <h4>그렇구나</h4>
    <h4>그렇구나</h4>
    <h5>음</h5>
    <h6>그런건가</h6>
    <p>그렇네</p>

    <p>아아아ㅏ아s</p>
    <p>너의 이름이 긴 밤을 지나 찰나가 영원이 될 때</p>

    <hr> <br> <hr>
    <b><p>안녕</p></b>
    <b><h1>하이</h1></b>
    <span>아니네 ;</span> <br>
    아니

    <br>
    <!-- b는 단순 강조 -->
    <b>강하게</b> <br> 
    <!-- strong은 중요해서 강조 -->
    <strong>강하게</strong>

    <br>

    <!-- 단순 기울임 -->
    <i>얼마나 내가 널 좋아하면 달에 니목소리가 보여</i> <br>
    <!-- 흐름상 특정 부분 강조 ( 강조된 키워드 ) -->
    <em>오색빛 하늘별 숲사이로 너라는 꽃이 피 어나</em> <br>
    <!-- 저작물의 제목으로 표시 ( 메타데이터 ) -->
    <b><cite>그세상의 밤을 가진다해도 그저 앞에선</cite></b>
    <!-- 인용문 -->
    <blockquote><em>꽃에머물고픈 한 남자 일뿐</em></blockquote>
</body>
</html>
학교수업, 웹기초
기록 DGSW 학교수업 웹기초 HTML
이 기사는 저작권자의 CC BY 4.0 라이센스를 따릅니다.