🟣 strong 태그
텍스트의 의미를 강조하고 싶을 때 사용
중첩으로 사용 가능
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title> strong 태그 사용하기 </title>
</head>
<body>
<p> <strong>옮길 운, 목숨 명.</strong> 내 모든 생을 걸고 옮기는 걸음이 바로 운명이니까요. </p>
<p> 더킹: 영원의 군주 대사 중 </p>
</body>
</html>🔽 <strong> 태그 사용 출력 🔽
🟣 em 태그
텍스트의 의미를 강조하고 싶을 때 사용
텍스트가 기울어져 보임
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title> em 태그 사용하기 </title>
</head>
<body> <!-- em 태그를 사용한 곳 -->
<p> <strong>옮길 운, 목숨 명.</strong> 내 모든 생을 걸고 옮기는 걸음이 <em>바로 운명</em>이니까요. </p>
<p> 더킹: 영원의 군주 대사 중 </p>
</body>
</html>🔽 <em> 태그 사용 출력 🔽
🟣 pre 태그
스페이스(띄어쓰기)나 탭, 줄 바꿈이 입력한 그대로 화면에 표시할 수 있는 태그
<!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>
<!-- pre 태그 사용하기 -->
<pre>
pre 태그는
입력한 그대로 화면에
표시할 수 있다 !!!!!!
</pre>
</body>
</html>🔽 <pre> 태그 사용 출력 🔽
🟣 여러가지 텍스트 서식
한글과 같은 워드에는 글자 굵기, 기울기 등 글자를 이탤릭체로 만드는거처럼
HTML 에서도 동일한 기능을 하는 텍스트 서식 태그들
<!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>
<b> 볼드체로 만드는 태그 </b> <br>
<i> 이탤릭체로 만드는 태그 </i> <br>
<p> <strong> 텍스트를 강하게 표시하는 태그 </strong> </p>
<em> 텍스트를 강조하는 태그 </em> <br>
<p> <code> 텍스트가 코드임을 표시하는 태그 </code> </p>
</body>
</html>🔽 텍스트 서식들의 태그 사용 출력 🔽
🟣 특수문자
' < ' 나 ' > ' 같은 문자들을 HTML 에서 태그들을 나타내는 특수한 의미로 사용하고 있기 때문에 ' < ' 나 ' > ' 같은 문자들은 특수한 기호를 사용해서 나타냄
non-breaking space의 약자. 공백 문자 한 개
< <
> >
" " (큰 따옴표)
& &
태그들을 나타내는 '< 태그 >' 처럼 홉화살괄호로 감싸면 안되고 오로지 단어만 넣어야함
<!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>
<code> 텍스트가 코드임을 표시하는 태그 </code>
<p> <특수문자 알아보기> </p>
<p> "큰 따옴표" </p>
<p> &엔---------드& </p>
</body>
</html>🔽 특수문자 사용 출력 🔽
공부 중. !!! !