웹/HTML & CSS27 [HTML & CSS] div 태그 & span 태그 div① display : block; // width 값과 heigh값을 지정해줄 수 있음② 사각형 박스로 구역을 정함 & 줄바꿈이 가능③ margin 겹침이 가능 span① display : inline-block; // 크기를 정해줄 수 없음② 문장 단위로 지정 & 옆으로 붙음③ margin 겹침이 불가능 때문에 여백이 더 넓어보임 block 태그들div, h1~h6, p, 목록태그, 테이블태그, form inline 태그들span, a, input, 글자형식태그 2018. 5. 8. [HTML & CSS] img태그 태그 태그는 이미지를 넣을 때 사용하는 태그입니다. → 사용법 태그는 닫히는 태그가 따로 없기 때문에 끝에 끝났다는 표시로 "/" 이것을 넣어주어야 합니다. alt 속성 alt 속성은 Alternate(대체하다)의 줄임 말로 이미지를 대안하다는 뜻입니다. 이미지의 주소가 맞지 않거나 파일이 깨졌을 경우 혹은 서버에 문제가 생겼을 때 이미지 대신 alt 속성에 설정된 값으로 대체되는 것입니다. alt속성은 이미지를 묘사하는 내용들로 150자 이내로 입력이 가능합니다. height=300px라는 속성을 걸어주면 이미지 비율에 맞춰 알맞는 크기가 나옵니다. 이처럼 width와 height를 이용해 사용자가 원하는 크기로 맞출 수 있습니다. title 속성 title 속성을 사용하면 이미지에 마우스를 올려 놓았.. 2017. 11. 24. [HTML & CSS] p태그 / br태그 1. 태그 & 태그 태그와 태그는 줄바꿈을 해주는 태그입니다. 하지만 태그는 하나의 단락을 표현하고 싶을 때 주로 쓰이며 간격은 고정되어 있으며, 태그는 태그의 대안으로 나온것으로 간격 조절이 가능합니다. *태그의 간격을 조절하고 싶다면 CSS로 가능합니다. 태그 ↓↓ 태그 ↓↓ 태그는 단락의 시작과 끝에 붙여주어야 하며, 태그는 열리는 태그 하나만 있어도 가능합니다. 또한 태그는 몇개를 써주냐에 따라서 줄간격을 조절할 수 있습니다. 하지만 태그는 정보가 아니라 시각적인 것일 뿐이며, 하나의 단락을 표현하고 싶을 때 태그를 쓰는 것이 좋습니다. 2017. 11. 22. [HTML & CSS] 웹 사이트 만들기 웹 사이트 만들기 7개의 링크를 걸어주기 위해서 총 7개의 파일을 만들어 주어야 합니다. 하지만 파일을 만들기 전에 미리 만들 파일의 링크들을 넣어주시고 파일을 만들어주셔도 됩니다. 파일을 만들어준 뒤에 그에 해당되는 내용을 넣어줍니다. 2017. 11. 8. 이전 1 ··· 3 4 5 6 7 다음
