안녕하세요. 스마트 팩토리입니다.
HTML5 & CSS 기본태그 제목태그 <h1><h3> 문장태그<p>줄바꿈태그<br> 에 대해 알아보겠습니다.
1. HTML5 & CSS 기본태그
브라켓에서 작성하여 실행하면 아래와 같습니다.
<h1> 제목 태그 로 큰 글씨란 것을 알 수 있습니다.
<h3> 작은 소제목 태그로 제목보다는 작습니다
<p>태그의 경우는 문장 태그로 문단으로 봐도 무방합니다. p태그 사이에 들어간 문장 위 아래로 빈 공간이 만들어져서 결과적으로한 단락으로 보이게 만들어 줍니다.
<br>태그는 줄바꿈 태그입니다.
티스토리에서 글쓰기를 하면 제목 1부터 본문 3까지가 태그 상에서 h1 ~ h6 까지란 것을 알 수 있습니다.
티스토리에서 html 모드로 보면
html모드를 선택하면
p태그와 br 태그가 있는 것을 볼 수 있습니다.
---------------------------------------------------------------
<!DOCTYPE html>
<html lang="<ko>">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<h1>메모의 중요성</h1> --->큰 제목 태그
<h3> 메모를 해야 하는 이유</h3>--> 작은 제목 태그
<p>"그냥 머리에 기억하면 되지~"
항상 하는 말이였습니다. 하지만 하루를 살다보면 나름 생각이 많아서 인지 방금 전 일도 까먹는데 그 많은 일상의 기억을 생각하는 것은 쉽지 않습니다. 한번 적어보자는 마음으로 제 작업방에 조그만하게 준비해 두었습니다. <br>하지만 분명 너저분하게 되어서 다시 방 이곳 저곳에 종이가 널부러져 있지 않을까 걱정도 되긴 했습니다. 그리고 한장 한장 쓰다 보면 분명 쓰레기통으로 가야하는 종이들이 상당 수가 될 것인데 그 이유도 메모를 주저하게된 이유였습닏. 하지만 그래도 해 보자는 마음으로~
</p>
<h3> 메모와 정리 </h3>
<p>메모를 꼭 종이에 할 필요가 없습니다. 요즘 스마트폰을 많이 사용하기 때문에 메모 어플들이 많이 있습니다. 스케줄러나 노트류등도 있어서 저도 시작해 보자는 마음으로 5개 정도 앱을 설치했습니다. 그리고 적었습니다. 어떤 내용이든 말이지요.
</p>
</body>
</html>
------------------------------------------------------------------------------------
html5의 기본태그는 사용하다 보면 자연스럽게 알게 됩니다. 이 또한 웹 언어인지라 자꾸 자꾸 작성해 보면서 눈으로, 손으로 자연스럽게사용할 수 있으면 그것으로 충분합니다.
저도 다시 시작하면서 천천히 꾸준히 빠짐없이 작성해 보고자 합니다. 처음 html5 css 및 java script를 접하는 분들이라면 조금이나마 도움이 되지 않을까 생각합니다.
'Html5 & css' 카테고리의 다른 글
| HTML5 & CSS 기본태그 (앤퍼센트nbsp;) 공백을 만들어주는 특수문자 #006 (2) | 2021.03.03 |
|---|---|
| HTML5 & CSS 기본태그 (2)<b>굵게, sup윗첨자(지수표현)<i><hr/><ins><del>등 #005 (0) | 2021.03.02 |
| HTML5 & CSS 기초 : 외부 스타일 css파일 생성 및 적용 링크 link rel href #003 (0) | 2021.02.28 |
| HTML5 & CSS 기초 : html 기본 구조와 실행 style, color #002 (0) | 2021.02.25 |
| HTML5 & CSS , javascript - braket 에디터 설치 및 확장기능 설치 #001 (0) | 2021.02.23 |
댓글