html에서 name과 id의 차이는 뭘까? name -> 중복가능id -> 유일하게 하나 여야함 그래서 중복으로 무언가 묶어야 하면 name을 사용한다

figure 태그를 배우며 헷갈렸던게왜 img가 있는데 또 figure태그를 사용하는가 였다 figure의 뜻은 '이미지'로 태그는 그림이나 영상등의 요소를 넣고 감싸는데 사용된다.즉 figure 태그 안에 img가 들어갈 수 있는 것으로 figure태그 자체만으로는 이미지를 불러올 수는 없었다. 이미지 불러오기 -> img이미지 감싸기 -> figure 그렇다면 이미지를 감싸서 어디다 사용할 수 있을까?그건 바로 기사나 논문등을 보면 이미지 하단에 뭔가 글이 길다랗고 조그맣게 적혀있는 것을 볼 수 있다. 그 안에 대체로 이미지의 제목이나 출처가 적혀있는데 그것을 구분해 주기 위해 바로 이 키워드가 존재한다!    (참고로 figure 태그는 시멘틱 태그로 의미가 있는 태그이다.)

html코드를 보다 을 보면 에 너무 익숙해져서 그런가 hr의 뜻이 뭔가 head와 연관이 있지 않을까 하는 이상한 해석을 자주한다 그러나 태그의 뜻은 A horizontal rule로 수평선같이 긴 가로선을 의미한다 또한 얘는 종료태그가 필요하지 않고 그냥 만 써주면 끝으로 사용하지 않는다

html을 배우다 보면 css 파일을 사용할 때 부분에서 link를 사용해 파일을 연결한다. 이 때 우리는 단순히 link만 사용하는게 아니라 rel과 href을 사용하는데 rel은 relation의 약자로 '관계'를 의미한다. 즉 어떠한 파일을 연결할때 이 파일과 현재 파일의 관계를 정의하는 것이다 그래서 = 다음에 불러올 파일을 현파일과 어떤 관계로 정의할 것인지 쓴다. (예시 사진에서 rel은 stylesheet 즉 style.css가 스타일을 담당함을 의미한다) href은 hyper reference의 약자로 '하이퍼 참조'를 의미한다. 이름만 보았을때는 어렵게 느껴질 수 있는데 굉장히 쉬운 개념으로 참조할 하이퍼*(=하이퍼링크를 떠올려보자)을 의미한다 그래서 = 다음에는 참조할 파일명을 이 다음..

프론트엔드 즉 웹에서 눈 앞에 보이는 화면을 만드는 기술을 배우고 싶다면여러 언어가 있지만 대부분 HTML -> CSS -> JAVA SCRIPT 이 순으로 공부를 하는 것 같다.(시중에 나와있는 책들도 그렇고 교수님들도 이렇게 가르치시더라...ㅎ)   그런데 왜 이 순으로 공부하냐 보면 HTML은 Hypertext Markup Language의 약자로 하이퍼링크 처럼 하이퍼텍스트 즉 웹화면에서글이나 내용을 띄어주기 때문 가장 기초가 된다.  CSS는 Cascading Style Sheet의 약자로 즉 스타일 시트 언어, 꾸며주는 언어를 의미한다.즉 내용을 바탕으로(HTML) 이를 활용하는 것이다. 그래서 이게 2번째!  JAVA SCRIPT는 자바라는 이름이 들어가서 자바와 관련있나? 하고 착각하기 쉬..