본문 바로가기

HTML3

위코드 Pre Cource - Semantic Web과 Tag 마지막 과제로 전체 내용에 대한 복습과 함께 다음 질문을 받았다. "사이트에 이미지를 넣는 방법은 두 가지가 있습니다. 태그를 사용하는 것과 태그에 background-image 속성을 추가하는 것. 두 가지 방법의 차이점과 각각 어떠한 경우에 사용하면 좋은지 설명해보세요." 흠... 잘 모르겠다. 일단 태그를 사용해서 이미지를 표시하던, background-image 속성을 사용해서 이미지를 표시하던 일단 이미지는 보이니까 기능적으로 어떤 차이점이 있는지를 우선적으로 알아보았다. 이미지 태그에서 사용 할 수 있는 옵션은 src, alt, title, longdesc, width, height 정도가 있다. src는 말그대로 필요한 이미지 파일의 링크 또는 디렉토리를 명시한다. 사실상 필수로 써야 함 a.. 2020. 7. 21.
위코드 Pre Course - HTML/CSS 2 어제 제출한 문제중에서 2개 반려됐음;; 그리고 거의 끝나가니까 블로그 정리가 과제로 주어지는데 어제 그것도 모르고 일단 푼 문제들에서 중요하다 생각한 부분들을 먼저 정리해버렸다;;; 이 포스팅에는 과제에서 명시한 내용에 초점을 맞추겠다. Position Static static은 기본값으로 위치를 지정하지 않았다 라고 표현한다. .static { position: static; } Relative relative는 별도의 위치를 지정하지 않는 이상 static과 동일하다. 상대위치가 지정된 요소에 top, right, bottom, left를 사용해서 위치를 조정할 수 있다. .relative1 { position: relative; } .relative2 { position: relative; top.. 2020. 7. 21.
위코드 Pre Course - HTML/CSS 1 위코드 프리코스는 2주로 구성된 교육과정이고, 내일까지는 HTML/CSS 스터디를 진행할 것 같다. HTML 태그와 태그의 차이는 개행의 유무로서 는 개행이 이루어진다. 차후에 알게 되는 개념으로 block과 inline 요소로 구분할 수 있다. 는 block 요소로서 다음에 데이터가 위치할 곳을 움직인다. 은 inline 요소로 다음에 위치할 데이터는 바로 옆으로 붙인다. id와 class 태그에 이름을 주는 속성, id는 유일한 이름을 부여하고 class는 중복된 이름을 부여할 수 있다. id와 class를 동시에 사용할 수 있다. CSS를 이 속성을 통해서 지정한 태그에 스타일을 적용한다. img 이미지를 삽입하기 위한 태그 alt 옵션은 이미지 불러오기가 실패했을 때 대신 출력할 텍스트 데이터를 .. 2020. 7. 20.