html은 페이지의 뼈대를 만들어주는 작업을 하는 것이다.
html에서는 태그라는 것을 사용해서 코드를 만드는데, 태그는 어떠한 이름으로 약속되어있는 성질같은 것이라고 생각하면 될 것 같다.
모든 태그는 <>안에 적고, <>(열림 태그) </>(닫힘 태그)로 열고 닫기를 모두 해주어야하고 열림태그와 닫힘태그 사이에 만들고자 하는 내용을 입력하면 된다. (html의 기본 구조 ex.<div>만들내용</div>)
기본적인 여러 태그들
- <title></title>
웹페이지의 타이틀을 지정해줄 때 사용한다. 웹페이지를 열면 브라우저 창 최상단에 표시되는 이름.
- <h1></h1>
주로 제목을 만들때 사용.
페이지가 구글 검색이 될때 요 h1태그에 적힌 제목을 읽기때문에 페이지마다 하나씩 지정해주는 것이 좋다.
- <h2></h2>
소제목 태그
h3,h4,h5,h6 태그도 있는데, 글씨크기를 조절하고 싶을때 사용하면된다.
숫자가 커질 수록 글씨가 작아진다. 잘 사용은 안함..
- <div></div>
div만큼의 영역을 만들어준다고 생각하면 된다. css에서 꾸며줄때 해당 영역 모두 영향을 받는다.
- <input></input>
웹페이지 화면에 입력할 수 있는 박스를 만들어준다.
- <span></span>
특정 부분의 영역을 만들고 싶을때 사용한다. 원하는 부분의 앞뒤에 붙여 사용해준다. css로 원하는 설정을 줄 수 있다.
(div태그 안에 있어도 div의 css효과를 적용받지 않고 span만의 css설정을 따른다.)
- <br>
줄바꿈 태그
- <button></button>
버튼을 만들고 싶을때 사용한다.
- <ul><li></li></ul>
순서가 없는 리스트를 만들고 싶을 때 사용한다. 글머리 기호가 붙는다.
- <ol><li></li></ol>
순서가 있는 리스트를 만들고 싶을 때 사용한다.
글머리로 숫자가 순서대로 붙는다.html안에는 크게 head와 body로 나누어져있다.
<html>
<head>
</head>
<body>
</body>
</html>head에는 페이지의 타이틀을 정해주는 title태그나 css로 쓰이는 style, javascript의 script 등이 들어간다.
전체적인 html의 구조는 body안에 만들어주면 된다.
코드를 기입하는 줄의 순서에 따라 페이지에도 순차적으로 나오니 만들고자 하는 순서대로 활용해주면 된다.
