본문 바로가기
반응형

배워보자!!/html-css21

[html/css] img 태그로 이미지 넣기 웹문서에 태그를 사용해 이미지를 삽입 및 속성에 대해 알아보겠습니다.기본적으로 이미지를 삽일할때는 이와 같이 쓰입니다. 이미지 파일인 jpg , gif 는 웹 브라우저에서 바로 인식가능한 파일입니다.태그대로 이미지를 추가했는데 이미지가 제대로 나오지 않는다면 이미지 경로를 한번 더 재확인 해보시는 것이 좋습니다.태그에 사용되는 속성에 대해 알아보겠습니다.*alt웹 페이지에 이미지를 삽입했을 경우 이미지에 마우스를 가져갔을때 설명글이 뜨게 해주는 속성입니다. *border태그에서 border속성은 이미지의 테두리에 선을 지정해 줄 수 있는 속성입니다. *width / height태그에 이미지지의 크기를 수정할 수 있는 속성입니다.width는 가로 height는 세로 길이를 수정할 수 있습니다. 코드를 수정.. 2015. 4. 8.
[html/css] html 목록만들기 태그 <ol> , <li> html문서를 만들때 여러 개의 항목들을 일정한 간격으로 나열할때 목록태그를 사용합니다. 순서가 없는 목록(Unordered List) 순서가 있는 목록(Ordered List) 태그에 type속성에 대해알아보겠습니다. disc = 검은원 circle = 흰 원 square = 사각형 태그에 type속성에 대해알아보겠습니다. 1 = 기본값으로 숫자 a = 영어 소문자 A = 영어 대문자 i = 소문자 로마 숫자 I = 대문자 로마 숫자 disc = 검은 원 circle = 흰 원 square = 사각형 코드를 수정후 적용하기를 눌러 확인가능합니다. 검은원 형태의 목록 머리 코 다리 사각형 형태의 목록 버스 기차 비행기 흰원 형태의 목록 남자 여자 ??? 숫자 형태의 목록 첫번째 두번째 세번째 영어 소문자.. 2015. 3. 27.
[html/css] 텍스트(text) 속성 알아보기! 텍스트를 다양하게 설정할 수 있는 text속성에 대해 알아보겠습니다. text-indent : 들여쓰기text-align : 문자열정렬 [left , right , center]line-height : 줄간격(행간격) [normal , 숫자 , 길이 , 퍼센트]vertical-align : 수직정렬 [top , middle , bottom]letter-spacing : 문자 간격 [normal , auto , 길이]word-spacing : 단어 간격 [normal , 길이]white-spacing : 빈칸 및 줄바꿈 처리 [normal , pre , nowrap]text-decoration : 문자열 처리 [none , underline , overline , line-through , blink]te.. 2015. 3. 24.
[html/css] html 텍스트 영역을 만들어보자! <textarea> 태그 텍스트영역[textarea] 한 줄 이상의 글을 입력할때 사용하는 폼입니다. 한 줄 짜리 텍스트를 입력할때 쓰는 과는 다릅니다. *속성 name : 텍스트 영역필드의 이름을 지정합니다. cols : 텍스트 영역 필드의 가로 너비를 지정합니다. rows : 텍스트 영역 필드의 세로 길이를 지정합니다. 지정한 숫자보다 줄의 개수가 많아지면 스크롤이 생깁니다. 코드를 수정후 적용하기를 눌러 확인가능합니다. 내어깨를 떠밀어도 소리쳐봐도 소용없어 어떻게 널 잊어 너라면 잊겠니 어떤 사랑인데 내 욕심이 더 자라면 너를 다치게 할지몰라 날 보내준다던 바보같은 이별의 말 되풀이하던 너 날 웃게 한사람 날 지켜준 한사람 바보야 너란걸 모르니 내가 아파도 내가 기뻐도 내겐 한결같은 너였잖아 날 울게 한사람 날 사랑한 한사.. 2015. 3. 18.
반응형

티스토리툴바