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
저작자표시 (새창열림)

'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

티스토리툴바