HTML, CSS
HTML(Hypertext Markup Language)은 평소 우리가 보는 웹 페이지를 브라우저가 알 수 있게 전달해주는 마크업 언어이다.
(프로그래밍 언어는 아님)
CSS는 브라우저가 웹 페이지의 content를 어떻게 보여주어야 하는지 알려준다.
ex) html로 작성한 text의 색상이 파란색이어야 함.
HTML의 구성과 문법
HTML은 요소(element)들로 구성되어 있는데,
아래는 html의 기본적인 문법이다.
<p>Hello! nice to meet you</p>위 element에서 양 끝의 <p>와 </p>는 각각 여는 태그(Opening tag) 와 닫는 태그(Closing tag)라고 하며, 여는 태그부터 태그의 효과가 적용된다.
HTML element 몇가지
<body>: 브라우저에 실제 표시되는 내용<title>: 문서 제목 (title 태그 안의 content가 웹 페이지의 제목 표시줄에 표시된다.<meta>: 문자 인코딩, 문서 키워드, 요약 정보
ex)<meta charset="utf-8">: 웹 페이지의 문자 인코딩 방식을 utf-8로 지정해라.<h1>~<h6>: content를 강조할 수 있고, 강조하는 정도에 차이를 줄 수 있다. (폰트 크기 차이, h1태그가 가장 큰 폰트)<p>: 단락 (paragraph)<div>: content들을 묶어야 할 때 사용<span>: content들을 묶을 때 사용+) div와 span의 차이
<div>: block level element (new line)<span>: inline level element (same line)<a>: anchor, 다른 웹 페이지나 문서 연결 (link)<ul>: unordered list, 순서가 없는 list<ol>: ordered list, 순서가 있는 list
mdalss0113@gmail.com