1. <!DOCTYPE html>
DTD(Document Type Definition)
문서형 정의
웹 브라우저에게 이 문서가 HTML 문서라고 정의해주는 문장.
2. 문서의 작성은 시작태그, 종료태그 사이의 내용을 입력한다.
<html> <- 시작태그
내용
</html> <-종료태그
3. 빈 태그
종료태그 없이 단독으로 사용하는 태그
<br>이라고 사용하기도 하고 <br /> 이런 식으로 마지막에 /를 추가해서 빈 태그라고 나타내주기도 한다.
4. html 태그
<html></html>
html 문서의 내용을 작성한다.
5. head 태그
<head></head>
html 태그 안에 작성
문서의 메타데이터(문서에 대한 데이터)를 정의하는 태그
meta, tilte, link 태그 등을 작성한다.
6. body 태그
<body></body>
html 태그 안에 작성
문서의 내용을 입력하는 태그
7. title 태그
<title></title>
head 태그 안에 작성
웹사이트의 제목을 설정
- 문서 제목은 중복되지 않게! SEO(Search Engine Optimization : 검색엔진최적화)에서 신뢰성이 떨어진다고
판단하여 검색 엔진 노출시에 불이익을 받음
8. 인코딩
컴퓨터에서 문서를 저장할 때 숫자형태로 저장을 하게 됨
인코딩을 통해 어떤 숫자가 어떤 문자에 해당하는지 설정할 수 있다.
가장 많이 사용하는 인코딩 방식
<meta charset = "utf-8">
9. heading 태그
<h1></h1>, <h2></h2> ....
본문에서 제목을 나타낼 때 사용
n에는 1~6까지
10. paragraph 태그
<p></p>
단락을 나눠서 본문을 작성할 때 사용
11. line break 태그
<br />
문장 줄 바꿈 태그
12. 문장 안에 <, > 기호로 넣는 법
< ~ 보다 작다 < less than
> ~ 보다 크다 > greater than
예문)
<p>
<html>, <head>, <body>
</p>
13. anchor 태그
<a href="주소"></a>
href(Hypertext Reference : 하이퍼텍스트 참조) 속성에 속성값으로 주소를 입력한다.
참조된 주소로 이동한다.
14. img 태그
<img src="이미지 파일 주소">
image 태그 src(source : 출처) 속성에 이미지 주소를 입력한다.
15. 문서 영역 나누기
<div></div>
div 태그
여러 태그를 감쌀 때
<span></span>
span 태그
텍스트 일부를 감쌀 때
비고
netlify
웹 서비스 배포를 도와주는 클라우드 서비스
'학습 > HTML' 카테고리의 다른 글
| [HTML]시맨틱 태그(Semantic Tag) (0) | 2023.10.18 |
|---|---|
| [HTML]폼 태그 (0) | 2023.10.18 |
| [HTML]리스트, 테이블, 멀티미디어 태그 (0) | 2023.10.18 |
| [HTML]링크 (2) | 2023.10.18 |