[WEB] HTML Basic

8764 단어 htmlhtml

HTML

Programming Language
Markup Language

HTML Head

<!DOCTYPE html>
<html lang="en">
<head> <!--숨은 데이터를 정의하는 태그들의 위치-->
	<meta charset="UTF-8"> <!--문자 인코딩 방식 선언-->
	<meta http-equiv="X-UA-Compatible" content="IE=edge"> <!--플러그인 엔진 설정?? 공부 필요-->
	<meta name="viewport" content="width=device-width, initial-scale=1.0"> <!--뷰 포인트 설정-->
	<title>Title</title> <!--웹 페이지의 제목-->
</head>
<body>
  <!--Content-->
</body>
</html>

HTML CSS/JS

<!--css파일 불러오기-->
<link rel="stylesheet" href="./css/main.css">
<!--css파일 작성-->
<style>
	img {
      	width: 100px;
      	height: 200px;
    }
	p {
		font-size: 20px;
		font-weight: bold;
	}
</style>
<!--js 불러오기-->
<script src="./js/main.js"></script> 
<!--js 작성-->
<script>
	function exampleFunction() {

	}
</script>

Tag

Tag

TagDescription
<div> / <span>컨텐츠를 묶을 때 사용
div : 가로폭 전부 차지 / span : 컨텐츠 크기만큼 차지
<br>줄 바꿈
<p>문단 생성
<h#>섹션 / 문단 제목을 나타내며 검색엔진이 문서를 파악하기 위해 사용
<div>css와 연동하며 레이아웃을 설계하는데 사용
<span>css와 연동하는데 사용(줄바꿈x)
<li>목록 생성
<a>웹 페이지나 외부 사이트 연결
_self : 현재 페이지 / _blank : 새 탭
<img>이미지 삽입 태그

Example