wellkiim

이번 시간에는 앞서 배운 태그들을 가지고 그 해당 태그에 id값을 입력.각 태그들이 어떤 영역을 가지는지 앞선 web_basic파트에 이어 조금은 더 심화된 구성을 해보려고 합니다. 준비되셨나요! 어렵지는 않으나, 이번 시간에 배우는 각각의 markup을 가지고 따라해보시되,여러분들이 각 태그안의 텍스트를 바꾼다던지. 각각 태그에 원하는 이미지를 넣어보는 방식으로 간단한 페이지를 꾸며도 재밌을 것 같다는 생각을 감히 해봅니다.! 자 그럼 에디터를 켜고 코드를 작성해보도록 하겠습니다. 해당하는 영역으로 이동( 구간 건너뛰기 ): wrap영역에 속하지 않고 독립적인 영역으로 사용가능wrap, wrapper, 기업명wrap,기업명_wrap : 전체를 담아주는 영역!로고, 상징적인 요소들: 상황에 따라서는 he..

안녕하세요. div와 p태그 span 등등 기본적인 block태그와inline태그들을 알아보았습니다. 웹페이지를 만들기 위해선 예쁜이미지가 필수죠? 그래서 오늘은 img 태그에 대하여 알아보도록 하겠습니다. 기본적인 형태는 이렇습니다. src는 경로를 의미합니다. 아래에서 다시한번 제대로 보시겠지만, src 는 source라는 의미를 가지고 있습니다.또한 알트는 대체텍스트로서 사용되기 때문에, 웹접근성, 웹표준에 있어서 중요한 역할을 차지합니다.그렇게 때문에 꼭 사용할 것을 권장드립니다. ( 웹표준, 웹접근성에 대한 내용은 포털사이트 검색을 추천드립니다. 튼튼한 페이지를 위한 가장 기본적인 것들입니다. 지키지 않는 사람들이 많습니다.저러한 대체텍스트를 사용함으로써 여러분들이 만드는 페이지는 정말 큰 강점..

이번 시간에는 webpage basic 즉, 웹페이지를 만들때 쓰는 태그들에 대하여 기본 단락들을 구성하는 방법에 대하여 간단히알아보도록 하겠습니다. 전체 페이지를 담는 큰 틀로써, wrap이라는 영역이 있고, 그 아래로 로고나, 네비게이션바 (nav) , (gnb) 그리고 로그인, 회원가입 등을 담고있는 영역인 header 영역 컨텐츠 및 광고요소가 들어가는 container 영역 마지막으로 이용약관, 개인정보 방침, 법률정보 등을 담아주는 footer 영역이 있다. 마찬가지로, 에디터에 코드를 치고, 각 태그들에 대한 출력값을 보여드리도록 하겠습니다. 로고: 상징적인 요소(홈페이지 전체 이미지)header영역에 작성되어야 하는 내용네비게이션바, 로고, 로그인, 회원가입컨텐츠및 광고요소가 들어가는 영역..

자 오늘은 어제 배운 태그 중에서 간단하게 inline 속성 태그와block 속성의 태그들을 알아보도록 하겠습니다. 같은 방식으로 에디터에 코드를 작성한 후, 그에 대한 출력값을 보여드리는 형태로 진행을 하도록 하겠습니다.! 에디터에 작성한 코드/ 즉, 각 태그에 작성한 글들이 그 해당 태그들에 대한 설명인 것을 알고 봐주시면 되겠습니다.! 블록요소 : 박스요소블록요소의 내용: 너비와 높이값을 가지는 형태의 요소를 블록요소라 말한다.블록요소는 기본적으로 끝에서 끝까지 영역을 차지함블록요소중에서 p태그는 가장 작은 단위의 박스요소 인라인요소인라인요소의 내용: 글씨요소로 사용, 가나다라마바사....옆으로 나열되는 특징을가지고 있음 + 인라인 태그들 중에는 열고 닫고가 없어도 표현이 가능한 태그들이 많다! b..

html의 기본에 대하여 글을 작성해보려 합니다. 먼저, html이란 ? 웹 문서를 만들기 위하여 사용하는 기본적인 프로그래밍 언어의 한 종류이다. 하이퍼텍스트를 작성하기 위해 개발되었다. HTML이란 , 말 그대로 예쁜 웹을 만들기 전 markup 단계라고 생각하시면 됩니다.! 기본 코드 에디터에서 사용하는 방법을 말씀드리자면, 이런식으로 정의할 수 있을 것이라 생각합니다. 기본 html에 텍스트를 넣기 전 설정이라고 생각하시면 됩니다.