Frontend/HTML

(2)- HTML(vs code/ h tag / li tag)

creativeDeveloper! 2022. 10. 20. 16:26
728x90

 

어떤 브라우저도 

인간의 언어를 해석할 수 없다..!

 

그래서 우리가 해야할 일은

브라우저에게 

content를 알려줘야한다..!

 

예를 들면 

title아래에 link로 이루어진 

그룹이 있다..

이런것들을 다 알려줘야한다.

 

그렇다면 어떻게 알려줘야 할까??

HTML로 브라우저에게 

content가 어떤 구조인지를 알려주는 것이다..!

HTML은 그래서 웹사이트를 

구성하는 뼈대가 되는것이다.

 

다시말해

오로지

HTML만이

브라우저에게

content가 어떻게

구성되어있는지에대해 

설명해줄수 있다..! 

 

뒤에 붙는 

흰 동그라미는 

저장이 되지 않았다는 뜻!

한번 입력할때마다 

반드시 저장을해줘야한다.!

 

브라우저를 실행할때는

alt+b 

또는

마우스 우클릭후

open with Live Server

클릭해주기

그러면 

웹사이트가 

짠~하고 뜬다!

 

글자의 크기를 조절하는

tag!

태그들은 외울 필요 없고 

작동원리를 이해하면 된다..!

 

html에서 list의 종류는 

두개이다..!

 

순서가 있는 리스트

순서가 없는 리스트

 

순서가 있는 리스트는 

말그대로 

1,2,3,4...

숫자의 순서!

 

 

순서가 없는 리스트는

<ul> 태그를 사용하고

ul태그만 사용할 경우

 

 

코드에서는 줄바꿈을 해줬지만

tag로 전달해주지 않았기때문에

브라우저가 인식하지 못했다.

 

그래서 아래 코드에서처럼

사용해 주는것이

<li> tag!

<li>는 list item의 줄임말!

<ul> 이든 <ol> 이든 반드시

<li> tag를 사용해줘야함!

 

728x90