어제는 Hello Steemit ! ! !
이라는 텍스트를 출력하는 웹사이트를 만들어보았습니다.
아래는 w3schools에서
소개하고 있는 태그별 설명입니다.
아직 잘 이해가 안되신다면 새로운 예제를 통하여
태그에 대해서 다시 한번 알아보도록 하겠습니다.
메모장을 켜주세요.
그리고 다음과 같은 내용을 작성하신 뒤
저장-다른이름으로 저장-파일이름.html
으로 저장해주세요.
주의하실점은 저장하실 때
인코딩을 UTF-8로 설정해주셔야
페이지 내용이 깨지지 않습니다 :)
저는 test_2라는 파일이름으로
저장하였습니다.
이제 저장된 파일을 실행시켜볼까요?
오타 없이 제대로 코드를 작성하셨다면
위와같은 화면이 출력되시는걸 볼 수 있습니다.
이제 슬슬 감이 오시나요?
태그는 문서의 제목으로
웹사이트를 실행시켰을 시 상단의
페이지에 해당 내용이 표시됩니다.
body는 본문의 내용을 담는 태그로
본문의 내용은 모두 이 바디라는
태그 안에서 작성됩니다.
h1은 헤드라인 즉, 본문의 제목을
나타내는 태그로 h1~h6까지 모두
6가지 종류가 존재하며 숫자가 커질수록
표시되는 제목의 크기는 작아집니다.
p는 paragraph의 약자로 내용을 단락으로 꾸며주는 태그입니다.
본문 내용 중 단락으로 만들고 싶은 내용이
존재한다면 이 p태그를 이용하여
단락으로 표시해줄 수 있습니다.
