티스토리 뷰
저는 이곳에 제가 배운 HTML과 CSS를 기록할것입니다. 현재 학원에서 웹디자이너 과정을 수강하고 있는 유똑띠라고 합니다. 만나서 반갑습니다. 저는 전문적인 지식을 가진것도 아니며 단지 제가 배운 내용들을 하나하나 기록함에 목적이 있습니다.
오늘 배워볼 내용은 바로 HTML의 줄바꿈 기능을 담당하는 태그인 br 태그입니다.라인 브레이크 라고 하는 br태그는 HTML안에서 글작성시 아주 중요한 역할을 하게 됩니다. 저는 html 편집기로 note++이란 편집기를 사용하고 있습니다. 그럼 기본적인 html 뼈대를 한번 작성해보도록 하겠습니다.
<html>안에 <head>와 <body>태그가 들어있는 가장 기본적인 문장구조입니다. head사이에 메타태그 utf-8은 한글깨짐 방지라고 생각하시면 됩니다. 기본언어가 영어이기 때문에 한글은 반드시 깨지더라구요. 꼭 넣어주셔야 합니다.
자 저는 body안에 3줄의 글을 작성해보았습니다. 우리가 익히 사용해왔던 한글 작성 프로그램들은 자동 줄바꿈 기능이 있지만 html은 일일이 컨트롤해주어야 합니다. 이런현상이 벌어지니까요.
한줄로 쭉 나열된 문장이 작성되었습니다. 하지만 저는 이것을 원하지 않습니다. 줄을 꼭꼭 맞추어야지만 직성이 풀립니다 하시는 분은 오늘 배울 <br>태그를 사용하시면 됩니다.
위에 3줄의 문장은 br태그를 한개씩만 넣었을경우이며 아래문장은 br태그를 2개씩 넣었을 경우입니다. 비교를 위헤서 3번째 문장에는 br태그를 여러개 넣어서 4칸을 띄워보겠습니다.
쨔잔 ~ 이제 조금 문장다워진 글들을 볼수 있습니다. 다음에 다루게될 여러 태그들로 이 문장들은 제법 괜찮은 모습을 갖추게 될것입니다. 그럼 다음 시간에 뵙겠습니다.
'HTML' 카테고리의 다른 글
| html 로고를 넣어봅시다 (0) | 2019.03.06 |
|---|---|
| html 공간을 분할해보자 (0) | 2019.03.05 |
| 홈페이지를 만들어봅시다. (0) | 2019.03.01 |
| html 글자색깔바꾸기 (0) | 2019.01.01 |
| html 한칸띄우기 태그 알아보기 (0) | 2018.12.31 |