FrontEnd 공부 2일차 - HTML elements reference ( 개인 스터디 )

2022. 3. 10. 16:33개발 달리기/FrontEnd 개발달리기

HTML elements reference 

 

Html 에서는 이미 지정되어 있는 elements 들이 있고 정해진 것을 활용하여 html 문서를 작성한다.

 

https://developer.mozilla.org/ko/docs/Web/HTML/Element

 

HTML 요소 참고서 - HTML: Hypertext Markup Language | MDN

이 페이지는 태그를 사용해 만들 수 있는 모든 HTML 요소의 목록을 제공합니다.

developer.mozilla.org

 

<html> 문서의 최상단 루트를 나타내며 모든 다른 elements 는 <html> 의 자식으로 표현을 해야한다.

 

질문 : 난 html 이라 쓰기 싫은데요? html 위에 body 안됨?

답 : 네 개인의 취향 존중하지만 우리가 사용하는 브라우져 상에선 html 기본 elements 를 지켜줘야먄 볼수 있다.

      쓰기싫으면 본인이 브라우저 만드시면 됩니다......

 

 

질문 : elements  종류는 뭐뭐 있음?

 

답 : 요로케~~~

지금 공부 2일차 에서 저것을 다외우고 활용하기에는 너무나도 머리에 지진나고 동공이 흔들리며 도대체 무슨말인지 모르겠지만 ( 나도 모른다 ... )  이제 2틀차이니 차근차근 해보자고

 

질문 : 뭐라도 해보면 안되나요?

답 : why not?

 

 

<a>

Html <a> elements 는 href 특성을 통해 다른페이지나 같은 페이지의 어느위치 파일 이메일 그외 다른 url 로 연결할수 있는 하이퍼 링크를 만듭니다.

 

잘보셈

 

1. html 1일차 공부로 바로가기

 

위에 하이퍼링크를 클릭하면 이동하는거 저거저거 저늠이 바로 <a> 태그여

<a href="https://papa-run.tistory.com/100">1. html 1일차 공부로 바로가기</a>

요로코롬 사용해주면 된다.

 

그런의미로 하이퍼 링크 연습 쿠팡에 가셔서 구매도좀 해주시고 연습 클릭 한번씩들 부탁드립니다.

 

[인포앤북]HTML/CSS 입문 예제 중심 : HTML/CSS 기초에서 반응형 웹까지, 인포앤북

생활코딩! HTML + CSS + 자바스크립트 : 처음 프로그래밍을 시작하는 입문자의 눈높이에 맞춘, 위키북스

 

오호라 다들 쉽죠??

 

질문 :  개뿔이 저거 도대체 어디서 어떻게 하는건데 ㅡㅡ ?

답 : 티스토리에서 a 태그 사용하는 방법은

 

 

 

눌러주시오

 

그담에 여기서 쓰여진 P 태그 안쪽에 <a href = "이동할곳 주소">이동할 곳의 내용 </a>

 

이렇게 해보시면 됩니다요

 

 

 

자 Next Time 에는 html elements 이거는 꼭 알고 기억하자로 3일자 하도록 하겠습니다.