코딩 썸네일형 리스트형 div 박스 div 박스 안녕하세요~ 하우리뷰 입니다~ 오늘은 가장 중요한 div라는 박스에 대해서 알아볼려고합니다~! 저도 아직 많이 부족한 상태이지만 최대한 이해하기 쉽게 풀어낼려고 노력할것이니! 평소에 관심이있으셨거나 처음 입문하시는 분들은 같이 보시고 제가 틀린부분이있다면 언제든지 댓글로 남겨주세요!!! . . . . . 오늘은 div에 대해서 알아보도록 하겠습니다~! div라는 박스는 말그대로 감싸주는 역할을 하는겁니다! 울타리 같은느낌이죠~! 박스안에는 물건들을 담을수있죠? 당연히 div 라는 태그안에 수많은 태그녀석들이 들어갈수있죠! 말그대로 head안에 들어가는 녀석들을 div로 묶어서 담아놓는겁니다! 왜? 이렇게 할까요 나중에 css로 스타일을 주어야하는 상황이 올것이고 결국 상당히 중요해보입니다! .. 더보기 head body footer 란 head body footer 란 오늘은 이것에 대해서 정보를 드릴려고합니다! 구성에는 제목그대로 head body footer 이것으로 크게! 구성되어있습니다 물론 안에 또 세부적인 요소가있죠.. 그림으로 표현을 해보았습니다! 사람으로 예시를 들어볼게요! . . . . . 사람으로 예시! 보이는것과 같이 홈페이지도 머리구간,몸통,발부분으로 나눠져 있습니다! . . . . . 흠ㅎㅎ 잠깐 자랑하자면 이 사진은 원래 "제주삼다수" 라는 홈페이지를 제가 새롭게 리디자인을 한겁니다 헤헿 해당 리디자인을 한 페이지를 직접보고싶으시다면 밑에링크로 가시면됩니다(모바일로는 아마 다깨질거에요...) Document dodos.pe.kr . . . . . 암튼 홈페이지도 크게 구성을 가지고있습니다! head구간 : 해당.. 더보기 html css 시작하기 html css 시작하기 안녕하세요~ 하우리뷰입니다 오늘은 저번시간처럼 웹코딩에 대해서 그냥 알려드리고싶어서 포스팅을할려고합니다! 오늘의 주된내용은 웹코딩을 배우기전에 구성요소 어떤 구성으로 짜여져있고 각 구성하는녀석들이 어떤의미를 가지고있는지 배울려고합니다! 우선 braket(브라켓) 켜줍시다! . . . html css 시작하기 이상태에서 crtl + N 을 눌러줍니다! (새로운파일만들기) 단축기에요! . . . crtl + N 누르시고 바로 crtl + S 를 눌러주시면(저장하기단축기) 파일이름을 index.html 로 저장하시거나 "index"는 영어 아무거나 하셔도됩니다! 저는 그냥 익숙해져서 저렇게쓰는거고 명뒤에 무조건 . html 이라고 붙여주세요! 그리고 저장! 눌러주시면 됩니다! . . .. 더보기 html css html css 안녕하세요~ 하우리뷰입니다! 지난번에 웹퍼블리셔 에디터에 대해서 소개를 드렸는데요! 제가 에디터만 소개해드리고 웹언어에 대해서는 소개를 해드리지않았네요ㅠㅠ 우선 html css에 대해서 최대한 이해하기 쉽게 알려드리고싶네요! html : Hypertext Markup Language 이라는 함축적 뜻을 가지고있어요! 우리 몸으로 치자면 html은 뼈대입니다! 그리고 css 는 우리몸에 꾸밀수있는 옷? 그런 종류라고 보시면됩니다! 다들 가끔씩 이런 모습으로 나온 홈페이지를 본적 있으시죠? 이게바로 꾸밈없이 온전히 HTML로 뼈대를 구성한 모습이에요! 자 여기서 다시 스타일CSS라는 녀석을 이용해서 꾸며주면 원래의 홈페이지로 보입니다! 다시정리하면 HTML녀석은 뼈대입니다! 그냥 꾸밈없는 쌩.. 더보기 이전 1 다음
