HTML 기본구조와 코딩 기초개념 (제목,글자)
1. 첫 행은 <!DOCTYPE HTML>로 선언
2. HTML요소 안에 <head>와 <body>요소로 구성
3. <head>요소 안에는 문서의 제목<title>, 정보, 캐릭터세트 등을 지정하는 <meta>, 외부 스크랩트나 CSS파일을 연결하는 <ㄴcript>와 <style>요소 삽입
4. <body>에는 실제 문서의 내용
5. 저장은 .html 확장자로 저장
예)
<!DOCTYPE HTML>
<html>
<head>
<meta charset= "UTF-8" />
<title> 제목을 여기에 입력 </title>
</head>
<body>
<h1> 이 부분은 제목(대타이틀)이라고 할 수 있을 듯 </h1>
<p> 여기는 본문 내용 글자를 입력하는 부분이라고 생각하면 될 듯</p>
</body>
</html>
html의 기본 구성은 이런식으로 되어있고 여기서부터 입력 부분들이 어떤 것들인지 알아볼 필요야 있죠.
기본적으로 HTML요소 안에<head>와 <body>로 구성되어 있는데요.
영어의 의미처럼 처음 시작하는 부분은 머리부분 그리고 몸부분 으로 생각하면 쉬울 것 같아요.
보통 <head>로 시작해서 </head> 이런식으로 입력한 부분의 끝맺음에는 / 를 붙여주어야 합니다.
열어주고, / 닫아주고 라고 생각하면 됩니다.
코딩과 관련하여 html의 내용 기본적인 내용을 적어보고 공부하는 시간이 되도록 정리해봅니다!
HTML의 문단, 제목에 관련된 요소
1. h1~h6
h뒤에는 1~6사이를 붙여서 사용하며 주로 제목을 지정하는 용도로 사용한다.
혹은 로고를 삽입할 때 넣기도 한다.
<h1> 여기부분은 제목 </h1>
2. p 요소
Paragraph의 약자로 문단 구성에 사용합니다.
문단 안에서의 줄바꿈은 CSS를 이용하거나 br요소를 사용합니다.
<p> 여기부분은 본문의 내용을 입력하는 부분이라고 생각하면 됩니다. 문단 구성 내용을 입력해주세요 </p>
3. br요소
Line Break를 의미하며, 블록 요소 안에서 강제적으로 공백없이 줄바꿈을 할 때 사용. 문단의 엔터라고 생각하면 됩니다.
종료태그가 없는 홀태그
<p> 나는 <br/>
누구인가 </br>
이부분들은 다음문단으로 </br>
엔터의 역할</br></p>
문단의 제목,글과 관련된 내용을 조금이라도 알고있으면 쇼핑몰을 할 때 혹은 홈페이지 코딩부분을 조금이라도
알 수 있게 되어 좋을 듯 하다는 거~
'정보나눔 > 일상정보' 카테고리의 다른 글
| 유튜브노래 영상 다운받기 (0) | 2020.07.23 |
|---|---|
| 스타벅스 생일쿠폰 받는법 알아보기 (달라진 쿠폰지급 내용포함) (0) | 2020.01.22 |
| 유튜브 mp3 음원추출 사이트 간단하게 다운! (0) | 2019.08.02 |
| 티셔츠 전사용지로 나만의티셔츠(커플티)만들기 후기 (0) | 2019.07.18 |
| 무료 아이콘 사용가능 사이트! (0) | 2019.07.03 |
| 아고다 7월 할인코드 (매주 할인코드 확인법) (0) | 2019.07.02 |
댓글