2월28일 내용정리
1.HTML이란??
html(hyper text markup language)
홈페이지 만드는 모든 언어로 홈페이지에 구조를 만들고 꾸며주는(밑줄을 쳐주고, 색을 넣어주는등...) 언어 이다.
웹표준은 서로 다른 웹언어 쓰임을 하나로 통일한 공동 약속.
-html5 (구조를 잡아줌, 예 건물을 만들때 전체적인 골조나 틀 위치를 잡아주는것, 뼈대를 만들어 주는것, 전구를 달아줄 위치 선정)
-css3(세부사항, 꾸며줌을 당담,디자인적인 요소가 가미됨. 예를 들어 어떤 벽지를 쓸지 꾸며주는 역할, 전구를 백열등을 쓸지 전구를 쓸지 정함)
-자바스크립트(동적인역할, 예를 들어 전구를 어떻게 당겨서켤지 버튼으로켤지 동작에관한 부분담당)
위의 3가지로 웹을 만들어 준다.
2.HTML의 태그란?
->꺽세 부분이 태그이고, 항상 시작이 있으면 끝이 있다.3.HTML 구조는 아래와 같음
<!--html5로 작성된 문서다-->
<!DOCTYPE html>
<!--html의 시작이야-->
<!-- 문서언어 설정 lang->속성, "ko"->값이다. -->
<html lang="ko">
<!--head의시작, 정보,외부파일링크,자바스크립트,스타일스트,
html문서 전체를 대표하거나,문서 전체에 필요한 데이터를 넣는다.-->
<head>
<!--html문서제목,주로 해당웹페이지를 보여주는 웹브라우져 상단에 표시-->
<title>현재 페이지의 제목</title>
<!--meta는 문서전체에 대표하는 정보를 넣는다. charset->문자 인코딩 설정, "utf-8"->한글을 웹상에 제대로 표현하기위한 방법-->
<meta charset="utf-8"/>
</head>
<!--body의시작, 실제웹페이지 화면에 보이는 부분을 표시해준-->
<body>
안녕</br> <!--</br>은 줄바꿈이다. 닫힘태그만 써도 줄바낌-->
즐거운 수업시간이야 </br><!--< 한칸띄우기>-->
</body>
</html>
<!--웹표준의 최신 정보를 알고 싶으면 W3.org에서 확인 가능하다. -->
<!--w3school은 프론트엔드관련 튜토리얼을 공부할수 있음-->4.HTML 의 body태그 정리
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>문단연습</title>
</head>
<body>
<!--h1은 header이며, 신문의 헤드라인 제목같은거, 제일큰 제목, 가장 큰글씨로 써짐, 블록레벨태그라고도 불리움-->
<!--<h1></h1>...<h6></h6> 까지 크기에 따라 <h6>가 제일작은 제목이다.-->
<!--블록레벨태그:줄바꿈가능, 인라인레벨태크:줄바꿈불가-->
<!--shift + alt + 아래위 단축키 한줄복사 단축키-->
<hr></hr><!--수평선 열고, 닫기-->
<h1>제목글1</h1>
<h2>제목글2</h2>
<h3>제목글3</h3>
<h4>제목글4</h4>
<h5>제목글5</h5>
<h6>제목글6</h6>
<hr></hr><!--수평선 열고, 닫기-->
<!--아래는 문단 관련-->
<p></p><!--문단을 공간을 띄어서 문단을 표기, 박스를 공간을 띄어서 둔 느낌-->
<div></div><!--문단을 공간없이 붙여서 표기, 박스를 연달아 붙여놓은 느낌,줄바꿈이 가능하다-->
<span></span><!--문단을 일렬로 표기, 박스를 일렬로 놓은 느낌, 인라인레벨블럭,줄바꿈이안됨-->
</body>
</html>
좋은개발자가 되기위한 삽질기록 노트