HTML

HTML - 태그(2)

이번 시간에도 태그에 대해 알아 보려고 합니다.

강조 태그, strong

이제 새 파일을 만든 후에 이름을 tag2.html 이라고 하신 뒤 거기에 다음 소스 코드를 복사해 보세요.

<!DOCTYPE html>
<html>
    <head>
        <title>strong</title>
        <meta charset "utf-8">
    </head>
    <body>
        <p>int</p>
        <strong>int</strong>
    </body>
</html>

이제 실행 결과를 봅시다.

어떤가요?

문단 태그로 감싸져 있는 글씨랑 다르지 않나요?

strong 태그에 감싸져 있는 글씨는 그 위에 있는 글씨 보다 훨씬 진하게 표시가 되어있을 겁니다.

이처럼 strong 태그는 원하는 단어를 강조할 때 씁니다.

줄바꿈 태그, br 태그

다음과 같이 한번 코드를 추가해보세요.

<p>
안녕
안녕
</p>

그 후 결과를 보면 "안녕안녕" 이라고 추가 되어 있을 겁니다.

분명히 코드에서는 밑줄로 줄을 바꿨는데, 왜 안되는 것일까요?

그 이유는 HTML 은 공백을 계산 하지 않기 때문입니다.

그러면 이제 첫번째 안녕 오른 쪽에 <br> 이라는 태그를 추가해보세요. (닫히는 태그는 없습니다!!!)

그러면 실행결과가

안녕

안녕

이라고 정상적으로 줄이 바꿀것입니다.

이 줄바꿈 태그는 여러곳에서 쓰이니 잘 알아 두셔야 합니다.

댓글

댓글 본문
  1. 혹시 궁금한 태그나 수업에 추가 되었으면 하는 태그가 있다면 문의 하여 주세요!
버전 관리
int
현재 버전
선택 버전
graphittie 자세히 보기