[HTML]문서 작성할 때

티스토리 뷰

수업/└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 웹 표준 : 각 영역을 구분하는 구조적 태그를 정의하여 사용.

저작자표시 (새창열림)

'수업 > └HTML&CSS' 카테고리의 다른 글

[HTML]링크 태그 <a> (0)	2022.01.01
[HTML]text tag, 특수문자 입력 (0)	2022.01.01
[vscode]HTML 기본 구조 자동완성하기 (0)	2022.01.01
[HTML]vscode 기본 구조 및 태그 자동 입력 (0)	2022.01.01
[Web&HTML]기본 이론 (0)	2022.01.01

공지사항

최근에 올라온 글

최근에 달린 댓글

Total

Today

Yesterday

링크

TAG more

« 2026/01 »
일	월	화	수	목	금	토
				1	2	3
4	5	6	7	8	9	10
11	12	13	14	15	16	17
18	19	20	21	22	23	24
25	26	27	28	29	30	31

글 보관함

LOG.info("yun's dev");

티스토리 뷰