HTML 기본문법-2
단락
단락이란 내용상 끊어서 구분할 수 있는 하나하나의 부분을 의미하며, 문단이라고도 부릅니다.
보통 HTML에서는 <p> 태그를 이용하여 이러한 단락을 표현합니다.
<p>내용 삽입<p>
- <br>태그 (break line)를 사용하면 새로운 단락을 만들지 않고도 줄을 나눌수 있습니다.
- <pre>태그 (preformatted text) 를 사용하면 작성한 코드를 그대로 표현하는것입니다. <pre>내에 작성된 텍스트의 모든 띄어쓰기와 줄 나누기는 웹 브라우저에 그대로 표현됩니다.
- <b>태그 (bold text)태그나 <strong>태그는 HTML문서에서 텍스트를 굵게 표현할때 사용합니다.
- <strong>태그는 텍스트를 굵게 표현해줄 뿐만 아니라 그 내용이 중요하다는 의미도 함께 포함해 줍니다.
- <i> 태그 (italic text)는 텍스트를 이탤릭체로 표현해줍니다.
<i>이탤릭체</i>
이탤릭체는 살짝 옆으로 누운 글씨체이다.
- <mark>태그는 텍스트에 하이라이팅 효과를 적용시켜 줍니다.
<p><mark>마크부분</mark>여긴 다른내용</p>라는 코드를 짰을경우
로 나오게됩니다.
-<del>태그 (delete)는 텍스트 중앙에 가로줄을 만들어 마치 텍스트를 지운 것과 같은 효과를 내줍니다.
<p><del>del부분</del>그외의 내용</p>
줄이 그어져있는 효과를 볼수있다.
주석(comment)
주석(comment)이란 개발자가 작성한 해당 코드에 대한 이해를 돕는 설명이나 디버깅을 위해 작성한 구문입니다.
이러한 주석은 다른 HTML코드와는 달리 웹 브라우저에 의해 표현되지 않습니다.
<!-- --> 식으로 사용이 되며
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<p><del>del부분</del>그외의 내용</p>
<!--주석을 달만한 내용들-->
</body>
</html>앞에 del코드에 주석을 달경우 이런식으로 작성이 가능합니다. 주석으로 달린 문장은 웹페이지에 표시가 되지않아 편리하게 작성이 가능하며 다른 협업자한테 내가 짠 코드를 설명하기에 유용합니다.