수업/└HTML&CSS
[HTML]문서 작성할 때
onlyun
2022. 1. 1. 15:29
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title> </title>
</head>
<body>
</body>
</html>
1. HTML 문서를 작성할 때
-소문자 작성을 권장한다.
-연속된 공백이나 줄 바꿈은 하나로 처리한다.
-태그의 포함 관계를 표현하기 위해 들여쓰기한다.
-종료 태그 반드시 사용 : <p> ~ </p>
단축 표기 형식 : <p/>, <br/>
-주석문 : 본문에 영향을 주지않는 보충 설명같은 것.
<!-- 주석 내용 입력-->
웹페이지 소스 코드를 확인할 수 있기 때문에 html에 주석을 잘 쓰지 않는다.
2. 태그(Tag) = 요소(Element)
문서의 구조를 표현. 정보를 포함.
스타일은 CSS에서 설정.
ex)
<h1> 태그는 '제목'이라는 의미(정보)를 담고 있음. 단순히 큰 글자를 쓰기 위함이 아님.
(1) 태그 속성
(*태그(tag) - <h2>, <p>, <a>, …)
<태그 속성="값"> ~ </태그>
<tag attribute="value"> ~ </tag>대표적인 속성 종류
-Class
<tag class="클래스명"> ~ </tag>
<!-- 공백으로 구분하여 여러 개의 클래스 지정 가능-->
-Id
<tag id="아이디명"> ~ </tag>html 문서 내에서 해당 태그를 유일하게 식별하는 역할을 하며 중복 사용하지 않는다.
-Style
<tag style="속성명:속성값;"> ~ </tag>태그의 디자인적 속성을 주는 것.
권장사항은 CSS에서 디자인 설정하는 것.
3. 레이아웃(Layout)
화면을 분할하거나 배열하여 구성하는 것.
HTML5 웹 표준 : 각 영역을 구분하는 구조적 태그를 정의하여 사용.
