Sublime Text3도 설치하였으니 이번에 HTML 기본 태그 및 첫 페이지를 생성해 보겠습니다!
주의! 비전공자로서 처음 개발 공부를 하는 것이라 내용이 틀리거나 부실한 것이 있을 수 있습니다!
댓글로 알려주시면 정정하도록 하겠습니다^^
HTML 기본 태그
1. <!DOCTYPE> : HTML을 사용할 때는 DOCTYPE 선언이 필수입니다.
최신 버전의 html을 사용하려면 <!DOCTYPE html>만 사용해주면 됩니다!
2. <title>제목</title> : 페이지의 제목. 브라우저의 탭에 표시되는 내용입니다.
+) 태그를 시작하면 마지막에는 닫아줘야 합니다. 닫는 것은 "/"를 붙여서 태그를 입력합니다. (나중에 설명드릴 예정이지만 닫는 태그가 없는 태그들도 있습니다! ex. <meta charset>, <img src> 등등
3. <h1>머리말</h1> : 머리말(heading) 태그. 페이지 내에 여러 머리말이 있을 수 있습니다.
4. <p>본문</p> : 문단은 <p>(paragraph) 태그 안에 넣어 표현합니다.
HTML 큰 뼈대
1. <body> : 페이지에 나올 내용을 감싸주는 역할을 하는 태그입니다. (<h>/<p>가 포함됩니다)
2. <head> : 제목/CSS/Javascript 등 내용 외 많은 것들이 포함됨. (<style>/<title> 태그 등 포함됩니다)
3. <html> : 처음부터 끝까지 다!!! ALL!!! 감싸고 있는 태그
+) 안에 있는것은 모두 html 코드라는 것을 의미합니다.
위에 기본 태그들을 정리해봤습니다. 글로 쓰려니 너무 머리가 아프네요 ㅠㅠ 공대생이라 글 주변도 없고요 ㅎㅎ다음 게시물에서 직접 태그들을 잘 사용해서 웹페이지를 만들면 실력이 쌓일 것 같습니다!! (내년 하반기 공채대비하는데 이 속도로 충분할지 모르겠지만... 열심히 달려보겠습니다!!)
'Web 개발 > HTML.CSS' 카테고리의 다른 글
| HTML/CSS - display (0) | 2021.05.08 |
|---|---|
| HTML/CSS-실습(1) (0) | 2021.05.05 |
| HTML/CSS(4) (0) | 2021.05.03 |
| HTML/CSS(3) - HTML 실습(1) (0) | 2021.04.25 |
| HTML/CSS(1) - 시작하기! (0) | 2021.04.22 |
댓글