웹을 보다보면 글씨를 기울여 쓰거나, 강조하거나, 수평선을 그리거나, 단락을 구분하거나, 줄바꿈을 하게 되는 등 다양한 방법으로 사용하게 되는 데, 오늘은 웹을 개발하는 언어인 간단한 HTML 기초태그에 대한 내용을 소개하고자 합니다.
1. 간단한 HTML 기초태그
01) <!--내용--> 주석태그로 프로그램을 설명하는 내용으로 HTML 편집기에서만 보이고 웹상에서는보이지 않도록 합니다.
02) <h1>~</h1> 태그는 html 문서에서 제목을 놓는 요소로 가장 큰제목의 글자입니다
03) <I>태그와 <em> 태그는 대부분의 브라우저에서 문자를 기울임꼴인 이탤릭체로 표시합니다. 다만, i태그는 단순한 이탤릭체로 표시하지만, em태그는 단순한 기울임체인 이탤릭체를 넘어서 강조의 의미를 가지고 있습니다. 강조의 의미란 검색엔진이나 스크린리더가 em태그로 감싸진 글씨를 더 중요한 정보로 받아들인다는 의미입니다.
-<i>~</i>태그는 italic의 앞머리를 딴 태그로 글자의 기울임꼴입니다
-<em>~</em>태그는 empasize의 앞머리를 딴 태그로 강조를 뜻히며 기울임꼴입니다
04) <b>태그와 <strong> 태그는 대부분이 브라우저에서 문자를 굵은 글시로 표시합니다. 다만 <b>태그는 단순한 굵은 글씨로 표시하지만, <strong>태그는 단순한 굵은 글씨 넘어서 강조의 의미를 가지고 있습니다. 여기서 강조의 의미라 검색엔진이나 스크린리더가 strong 태그로 감싸진 글씨를 더 중요한 정보로 받아들인다는 의미입니다.
-<b>~</b> 태그는 bold의 앞머리를 딴 태그로 글자체를 굵게 만듭니다
-<strong>~</strong> 태그는 글자체를 긁게 만듭니다
05)<hr>,<br>,<p> 태그는 웹상에 수평선을 긋거나, 줄바꿈을 하거나, 단락을 만들어 웹상에서 쉽게 보이게 하는 역할을하며,이중 <hr> 태그와 <br> 태그는 쌍으로 사용하지 않고 혼자 사용합니다.
- <hr>태그는 horizontal의 약자로 수평선 태그로 html 페이지 내에 수평선을 그어 영역을 구분합니다
- <br>태그는 break의 약자로 이어져 있는 줄을 깨드려 줄바꿈시킨다는 태그로 2번쓰면 2줄, 3번
쓰면 3줄이 줄바꿈이 됩니다.
- <p>~</p>태그는 paragraph의 앞머리를 딴 태그로 단락을 의미합니다. 단락을 바꾸는 데 사용합니다
06) HTML 작성이 완료되었으면 단축키인 Ctrl+S를 눌러 저장합니다,
2. 웹브라우저에서 보이는 HTML 기초태그
작성한 HTML을 로 웹상에 보이게 하기 위하여 Ctrl+F1키를 눌러 해당 HTML을 불러 옵니다. 여기서는구글의 크롬브라우저을 연결하였습니다.
