HTML 기초 개념

📌Language/HTML & CSS

hellohailie 2022. 4. 26. 21:58

HTML(Hyper Text Markup Language) = 웹을 구성하는 가장 기초가 되는 뼈대

HTML을 구성하는 기본 단위는 태그입니다.

여는 태그와 텍스트 문구 그리고 닫는 태그를 이용하여 만든 것들을 하나의 element(엘레먼트 혹은 요소)라고 부릅니다.

<html>: 브라우저에게 HTML 코드가 해당 태그 내부에 존재한다고 알려줍니다.
<head>: 아직 여러분이 사용하지는 않겠지만, 주로 외부 소스를 참조해야할때 사용하곤 합니다.

<body>: 브라우저는 이 태그에 포함되어 있는 내용들을 화면에 보여주게 됩니다.

이미지 태그는 src라고 부르는 하나의 속성을 갖고 있습니다.

See the Pen Untitled by HelloHailie (@hellohailie) on CodePen.

이미지 주소 얻는 방법

1. 웹에서 이미지를 우클릭 한 후 "이미지 주소 복사"를 누르면 된다.

2. 👇아래 사이트에서 주소 얻기

말풍선 PNG 이미지 | PNGWing

www.pngwing.com

무료 이미지 호스팅 / 이미지 업로드

이미지를 업로드 하고공유해보세요. 원하는 곳 어디든 끌어놓기로 이미지를 바로 업로드해보세요.(이미지당 32 MB 가능) 다이렉트 링크, BBCode 및 HTML 미리보기등을 제공해드립니다.

ko.imgbb.com

링크는 우리의 웹페이지와 다른 웹페이지들을 연결시켜 주는 역할을 합니다.

<a> 태그에는 href(Hypertext Reference)라고 부르는 속성을 줄 수 있고, 이 속성값은 어떤 웹페이지로 링크를 걸고 싶은지에 대한 정보를 추가하게 됩니다.

See the Pen Untitled by HelloHailie (@hellohailie) on CodePen.

TIL) 프론트엔드 개발자와 CSS, block&inline, 컨텐츠가 박스를 벗어난다면? 레이아웃 디자인 쉽게하기, 셀렉터, 게임으로 css 배우기 (0)	2022.05.02
TIL) HTML 기본 태그 정리, id 와 class, html 의 요소 (0)	2022.05.01
미디어쿼리로 만드는 반응형 웹 만들기 / 웹 디스플레이 크기별 색 바꾸기 (0)	2022.04.20
미디어쿼리와 반응형 웹 (0)	2022.04.20
HTML/CSS 유효성 검사 사이트 (0)	2022.04.19

Today Hailie Learned