본문 바로가기
스파르타 코딩 웹개발 종합반/1주차

1-3 HTML/CSS 기본내용, 태그들

by 율✌️ 2022. 5. 11.

"HTML 은 뼈대 CSS 는 꾸며주는일"

👉 HTML은 크게 head와 body로 구성

  • head안에는 페이지의 속성 정보를, body안에는 페이지의 내용을 담습니다.
  • head 안에 들어가는 대표적인 요소들: meta, script, link, title 등

 

 

구역을 나누는 태그:

▶<div>                구역나눔

▶<p>                   문단나눔

▶<ul> <li> <ol>  리스트로 나눔

 

 

구역내 콘텐츠 태그:

▶span: 특정 글자를 꾸밀때 사용

               예) <h3>내가 <span style="color:blue">에린</span> 이다. </h3>

▶a 태그: <a href="http://naver.com/"> 하이퍼링크 </a>

▶img 태그: <img src="https://www.google.com/images/branding/googlelogo/1x/googlelogo_color_272x92dp.png"/> ▶input 태그: 텍스트 / 버튼 등을 넣는다.

                       <input type="text" /> 

 

 

이 외에도 아주 많은 태그가 있는데 필요할 때 마다 찾아서 쓰면 된다고 한다.