- 웹 페이지 화면 내용을 설명하는 마크업 언어.
- 태그를 이용해 작성한다.
기본선언
html
<!DOCTYPE html>
<html>
<head>
</head>
<body>
</body>
</html>
<html>: html로 작성되어 있음을 알려줌<head>: 머리말, css나 javascript를 연결해줌.<body>: 웹 페이지 내용이 들어가는 부분- CSS를 코드 안에 넣으려면:
<style> - javascript를 코드 안에 넣으려면:
<script>
태그
- HTML의 구성 요소
- 꺽쇠괄호로 둘러싸여 있음.
텍스트 작성
<br> : 줄 바꿈
<p> : 문단
<b> : 굴게
<i> : 기울임꼴
<h#> : 제목
버튼 만들기
<button> : 버튼을 생성한다.
html
<button></button>
<div> :
<span> :
링크 만들기
<a> : 클릭시 다른 주소로 이동하는 태그
html
<a href="http://www.naver.com">네이버</a>
리스트와 표 만들기
<ul> : 번호가 없는 리스트
<ol> : 번호가 있는 리스트
<li> : 리스트 안에 리스트
`<talb
이미지와 동영상
html
<img src="주소" alt=""/>
- src : 주소
- alt : 설명
html
<video autoplay controls loop muted poster="aaa" preload="bbb">
<source src="주소" type="video/mp4">
zzzz
</video>
주석처리
- 다음과 같이 하면 된다.
html
<!--여기서부터 코드가 아님.-->
와
html
html