html 구성 , html <head> 태그

티스토리 뷰

learn-with-javascript

짱쭈니어 2021. 3. 9. 01:34

web 을 개발시에는 html, css, javascript 가 all 필요하다

html => 뼈대를 잡는것으로 우리가 웹에서 보는 요소를 정의하는것이다.

css=>디자인, 우리가 보는 요소들에게 스타일을 부여한다.

javascript => 웹의 동작을 처리한다.

우리는 웹을 볼때 브라우저에게 다운을 받는다. => 이때 다운받는항목들은 html, css, javascript인것이다.

웹에서 window 기준으로 ctrl+shift+f12, f12 를 누르면 개발자도구가 열린다.

개발자도구에서 이 웹이 어떻게 구성이 되었는지 볼 수있다.

html => 태그, 속성, 콘텐츠로 크게 구성된다.

1. <태그> 콘텐츠 < /태그>

태그 안에 콘텐츠를 넣었다.

<p> 태그는 일반 text를 쓸때 사용된다.

2. 태그에 속성이 있다면

태그 안에 속성이 있다면 이렇게 써준다.

<a>태그는 하이퍼링크를 사용하는 태그로 필수속성이 href 하이퍼링크이다.

3. 태그안에 태그 넣기

이렇게 <div>태그 안에 <p>태그가 들어갈 수 있다.

<div>태그는 영역을 분할하는 태그라 보면된다.

4. 콘텐츠가 없다면

만약 콘텐츠가 필요없다면 태그를 한번 쓰고, 마지막에 / 슬래시를 해주면 된다.

ctrl +/ 는 주석 단축키

html로 웹을 구현하기 위해선 => 기본으로 설정하는 태그형식이 존재한다.

이게 html로 웹을 구현하기 위한 기본 형식이다.

<head>는 콘텐츠로 보여주는것 이외의 모든 설정태그를 넣는 곳이다.

<body>는 실제화면을 구성하는 태그를 넣는 곳이다.

<head>안에 들어갈 수 있는 태그

<title> 타이틀태그는 웹사이트가 열렸을때 탭위에 있는 제목을 설정할 수 있는 태그이다.

두 태그의 차이점은 <link>태그는 css 파일을 연결해주는 태그이며,<style>태그는 바로 css설정을 할 수 있다.

공지사항

최근에 올라온 글

최근에 달린 댓글

링크

글 보관함