TIL] HTML-기본 용어 정리(1)

link717·2020년 8월 8일
0

TIL

목록 보기
1/47

1. HTLM이란?

. HyperText Markup Landuage
(HTML 코드 작성시 가독성을 위해 Whitespace/Identation 구분이 중요하다.)

2. 각 Code의 용도 및 목적

. !DOCTYPE html : html5의 선언문, Vesion별로 차이가 있다.
(Version을 미리 선언해서 내용을 올바르게 표시할 수 있도록 한다.)

. head: head에 입력된 요소들은 화면에 표시되지 않으며 Meta data의 집합을 정의할 때 사용한다.

. title: 웹페이지의 이름을 정의할 때 사용한다. (Bar or Tab)

. !--text--: 코드 작성시 주석 입력의 용도로 사용하거나 코드를 주석처럼 변경할 때 사용한다. test로 코드 변경시 예전 코드를 훼손하지 않고 비활성화할 수 있다.

Study

. body: html 화면을 구성할 때 사용하며 text, image, video 등의 여러가지 종류의 구성 요소들을 감싸주는 Parents element이다.

※Text 표현 방법

. div/span: 어떠한 기능도 의미도 없이 특정 영역을 CSS로 꾸미는 기능을 주고 싶을때 사용한다.(div는 block 속성이고 span은 inline 속성이다.)

. h1~6: heading, 기사의 헤드라인 혹은 text의 제목을 강조할 때 사용한다.

. p: paragrahp, text 형태의 정보를 입력할 때 사용한다.

. br: break, 단락을 줄바꿈할 때 사용된다. (Closing tag가 없음)

. em: emphasis, 문장을 italic로 강조할 때 사용된다.

. strong: 문장을 Bold로 강조할 때 사용된다.

The Brown Bear

About Brown Bears

The brown bear (Ursus arctos) is native to parts of northern Eurasia and North America. Its conservation status is currently Least Concern.

There are many subspecies within the brown bear species, including the Atlas bear and the Himalayan brown bear.

Species

Features


. ul: unordered list, list 앞에 글머리 기호가 붙는다.

. ol: ordered list, list 앞에 숫자형태로 기호가 붙는다.

. li: list, 내용 입력시에 사용한다.

Species

  • Arctos
  • Collarus

Countries with Large Brown Bear Populations

  1. Russia
  2. United States

※Image/Video 표현 방법

. img: image, self-closing tag

. src: (image's) source

. alt: alternative text, image에 대한 정보 설명시 사용하며 이미지를 음성언어로 전환시 해당 정보를 대신 읽을 수 있는 장점(SEO: Search Engine Optimization)이 있고 관련 이미지 조회시 해당 정보로 웹브라우저 상위에 랭크 될 수 있다.

. video: img와 다르게 close tag가 필요하며 url 정보 뒤에는 width/height를 입력해서 재생될 동영상 크기를 지정해줘야 한다. video tag 사이에 입력된 text는 동영상이 재생되지 않을 때 안내 문구로 사용된다.

. control : pause, play, skip 등의 기능을 재공한다.

Media

Video not supported
``` >```

※웹페이지 링크 연결 방법

. a: anchor, web page 간/web page 내 화면을 연결할 때 사용한다. anchor 사이의 문자는 Hyperlink의 이름이며 anchor 사이에 img code를 사용하면 text 형태가 아닌 image 형태의 hyperlink를 사용할 수 있다.

. href: hyperlink reference, anchor와 같이 사용하여 연결하고자 하는 경로를 활성화 시켜준다. url 입력시 각각의 페이지가 같은 폴더에 있다면 relative path를 대체해서 사용 가능하다. (href="./name.html)

.id: div와 함께 사용되며 구역별 정보를 제공하는 용도로 사용한다. a opening tag와 함께 사용하면 같은 화면에서 원하는 단락으로 이동할 수 있다. (href="#id")

. target: link로 연결된 웹브라우저를 어떤 형태로 열 것인지 정의한다. (새탭 혹은 새창으로 열기) *_balnk : 새창으로 열기

Brown Bears About Me

The Brown Bear

About Brown Bears

The brown bear (Ursus arctos) is native to parts of northern Eurasia and North America. Its conservation status is currently Least Concern.

There are many subspecies within the brown bear species, including the Atlas bear and the Himalayan brown bear.

Learn More
profile
시작입니다.

0개의 댓글