728x90
Tag(태그) 란?
- HTML 문서를 구성하고 있는 요소
- 태그에는 이름과 속성이 있다.
- <태그이름 태그속성>예) <a href>
- 시작 태그<>와 종료태크</>가 쌍을 이룬다.
HTML
1. 최신 HTML 버전
- HTML5
2. 사용할 편집툴
- 메모장으로도 가능
- Notepad, Atom, Eclipse ... 본인에게 맞는 툴을 사용하는 것이 좋습니다.
- 저는 Visual Studio Code를 사용합니다!
HTML 전체적인 구조
1. 기본 태그
<!DOCTYPE html> : 문서가 html 파일이라고 지정
html 태그 : 태그 안이 html 문서를 구성. html 태그 안은 <head>, <body> 두 가지 태그로 구성된다.
head 태그 : 환경 설정에 관련된 정보
body 태그 : 공유하고자 하는 정보를 담는다.
<br /> : 줄바꿈(개행). 종료 태그를 따로 하지 않아도 된다.
※ xmlns : 지정네임스페이스 XHTML문서에서만 사용
2. HTML 문서 열어보기
파일 위치에서 HTML 문서 클릭 (로컬 위치에 있기 때문에 직접 열어 확인)
ctrl + shift + I : 개발자 도구. HTML 코드를 직접 확인할 수 있다.
3. 많이 사용되는 대표적 태그
<h1>~<h6> : 타이틀 작성에 쓰이며 글자 크기에 변화를 줄 수 있다. 종료태그를 작성하면 자동 줄바꿈
<p> : 본문. 단락을 이루는 내용
<a href=""> : 링크를 연결
<i> : 기울임
<sup> : 작은 글자
<ins> : 밑줄
<del> : 취소선
728x90
'Web > HTML & CSS' 카테고리의 다른 글
[CSS] CSS 위치 속성 : 디스플레이, 포지션, 플로트, 정렬 (0) | 2021.07.05 |
---|---|
[CSS] CSS 박스 모델 : 크기, 패딩, 테두리, 마진, 아웃라인 (0) | 2021.07.05 |
[CSS] CSS 기본 속성 : 색, 배경, 텍스트, 글꼴, 링크, 리스트, 테이블, 이미지 스프라이트 (0) | 2021.07.05 |
[CSS] CSS 기초 : 개요, 문법, 적용 (0) | 2021.07.05 |
[HTML & CSS] Web을 구성하는 HTML과 CSS (0) | 2021.01.17 |